mcp.to.design
Bring your design ideas to Figma via AI via MCP
Plugin Preview
About this plugin
Build your Designs with AI. Build your Figma Design with Claude, OpenAI or any AI Tool that let's you use MCP or just use plain HTML.👋 if you got feedback or feature request, don't hesitate to send a message to [email protected]! I'm happy to improve this plugin to your needs :)Get Started Install the PluginStart designing!Three Ways to Design💬 Chat — BYOAK and start using your favorite provider using a simple chat!🔗 MCP — Connect your AI tool directly and build designs through conversation📄 HTML — Drop HTML/CSS into the plugin to render it on your canvas Interactive Editing ✨Select any element on your canvas and let AI refine it — update text, change styles, add or remove elements — all without re-rendering. Iterate until it'sperfect.Quicklinks🌐 Website💡 Documentation💬 Contact
Plugin Details
| Version | 47 |
|---|---|
| Created | January 9, 2026 |
| Last Updated | June 26, 2026 |
| Category | Prototyping & animation plugins |
| Creator | ai.to.design |
| Stats | 77 installs, 8 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
The plugin connects to a local companion server (@ai.to.design/figma-connector) launched on the user's own machine via `npx`. The server exposes MCP (Model Context Protocol) tool endpoints at ws://localhost:3579 for Claude Desktop and other MCP clients to drive Figma design operations (HTML rendering, node editing, component/design-system generation) locally. No remote backend is used — all traffic stays on the user's machine, and the localhost connection replaces what used to be a hosted cloud service.
- Editor Types:figma
- Allowed Domains:
- http://localhost:3579
- https://api.anthropic.com
- https://api.openai.com
- https://generativelanguage.googleapis.com
- ws://localhost:3579
More Like This
Discover other plugins in the Prototyping & animation plugins category.