
Landing page from Figma
Quest Turn a Figma design into a polished landing page
- Hero
- Claude Code
- Weapon
Claude Opus 5.5- Charge
Figma MCP Server
Anthropic Frontend Design
shadcn MCP Server
Microsoft Playwright MCP
Vercel Web Design Guidelines
Reads Figma frames, variables, and Code Connect, and can write to the remote canvas.
Foe: Fog Wraith, missing facts, outdated docs or thin context.
Foes
Party · Context
The Fog Wraith blocks the way.
What really happensIt stands for missing facts, outdated docs or thin context.
Illusionist: Context 100/100.
The Fog Wraith breathes haze. Swings start to miss.
What really happensWithout current docs, the agent guesses at APIs that may have changed.
Illusionist takes 8. Illusionist: Context 92/100. Illusionist: Haze.
The Figma orb opens a portal to your files.
What really happensThe remote server at https://mcp.figma.com/mcp signs in with your Figma account. The desktop app is not required.
Fog Wraith takes 29.
A frame link becomes a map of components and variables.
What really happensPaste a frame link. The server returns components, variables, layout, FigJam or Make content, and Code Connect mappings.
Fog Wraith takes 13.
The Fog Wraith uses Haze.
Illusionist takes 8. Illusionist: Context 84/100. Illusionist: Haze.
The hero can paint new frames back onto the canvas.
What really happensOn the remote server the agent can create or update Figma content. Canvas writes need a paid plan and a Full seat outside drafts.
Fog Wraith takes 32.
The Fog Wraith drops a map that matches the real file.
What really happensYou get design context the agent can turn into code, or canvas edits made with Figma primitives.
Fog Wraith takes 26. Fog Wraith falls.
The Fog Wraith falls.
Claude Code
claude mcp add --transport http figma https://mcp.figma.com/mcpCodex
codex mcp add figma --url https://mcp.figma.com/mcpNeeds a Figma account; Starter and paid plans can connect from clients in the Figma MCP catalog. Remote server is https://mcp.figma.com/mcp, needs no desktop app, and asks you to sign in on first connect. Canvas writes need Professional, Education, Organization, or Enterprise, and a Full seat outside drafts; they are free in beta and will become usage-based paid. The desktop server at http://127.0.0.1:3845/mcp needs a Dev or Full seat and cannot write to the canvas. The plugin (claude plugin install figma@claude-plugins-official) adds Figma skills; the CLI commands do not.
This spell has no recorded sessions in the curator's logs. Tried it? Send a spell report.