Skip to main content

The server keeps returning web/react code

The MCP server is designed to provide Figma context and is language and framework agnostic.

Every codebase uses different languages, frameworks, and patterns, so the server isn’t designed to return production-ready code to you. Instead, it provides design context in a format that can be most effectively interpreted by the AI agent in your MCP client.

Because of this, the MCP server:

  • Optimizes its responses so they’re easy for an AI agent to understand
  • Leaves the task of generating code in your preferred language and framework to the AI agent

About the get_code tool​

When you use the get_code tool, the MCP server encodes a Figma design into a format that preserves visual fidelity and is structured in a way that large language models (LLMs) can readily interpret.

This format resembles react-like code because AI agents are commonly trained on large amounts of web-based data. By using this familiar structure, your AI agent is better equipped to translate the returned context into code that matches your existing language, framework, and patterns.

You should take this response and guide your AI agent to translate the returned context to match your codebase. For help doing this take a look at our best practices page.