| Figma Export | HTML/CSS + Tailwind | React App | MCP/SDK | |
|---|---|---|---|---|
| Output format | Figma frames with Auto Layout | Semantic HTML, CSS, Tailwind | Functional React application | Programmatic API access |
| Requires plugin | No (clipboard paste) | MCP client setup | ||
| Code output | Design only | Static frontend code | Working React components | Design data + generation API |
| Best for | Design teams in Figma | Developers building from mockups | Rapid app prototyping | AI-assisted dev pipelines |
Using the MCP server and SDK
The Stitch MCP server supports tools including
create_project, list_projects, list_screens, get_project, get_screen, and generate_screen_from_text. Authentication works via API keys or OAuth. The SDK at github.com/google-labs-code/stitch-sdk provides programmatic access, and Skills at github.com/google-labs-code/stitch-skills offer reusable design capabilities. Setup details are at stitch.withgoogle.com/docs/mcp/setup.