Connect any AI agent with Figma

Portal is a Figma plugin that lets Claude, Cursor, GPT, or any MCP-compatible agent create layouts, manage styles and variables, and run scripts — directly in your file.

Install private beta
Claude
Portal
Cursor
Cline
OpenAI Codex
GitHub Copilot
Gemini
Windsurf
Portal
×
Connected (0)
Docs

Agents write HTML and CSS. Portal converts it into real Figma layers.

AI models are trained on web code — that's where they produce their best work. Portal takes their HTML and translates every element into native Figma: frames with auto-layout, proper text styles, and clean layer structure. Everything stays editable.

Agents can see what they're building — and fix it themselves.

Portal lets agents take screenshots of the canvas after each step. They check spacing, alignment, and hierarchy, then adjust if something looks off. Visual feedback means better results with less back-and-forth.

Need something custom? Agents can run scripts inside Figma.

Sometimes the built-in tools aren't enough. Portal lets agents write small scripts using the Figma Plugin API and run them directly in your file — useful for complex grids, batch operations, or tasks Figma doesn't have a button for.

Your agent works with the full file — styles, variables, components, layer structure. The result fits your design system, not just the canvas.