Turn a Figma CRM design into a working app with MCPs

The Figma MCP and two skills implement the UI, a human fixes the details, and the Supabase MCP handles the backend.

by Marcel15 Sep 2026

Prompt for your agent

Goal: Build a working app from my Figma design.
Setup: agents used in source: Claude; tools/MCPs stated: Figma MCP, Supabase MCP, Paper MCP.
Steps:
1. Design the UI in Figma.
2. Implement it with the Figma MCP and Claude (Fable 5.1 Max), using your front-end skills.
3. Compare the output with Figma and fix spacing, borders and details.
4. Add more features with Claude, then use the Supabase MCP for the backend.
5. Variant: with Paper connected through MCP, leave comments on the design and ask Claude Code to implement them.
Rules: ask me before anything irreversible (sending, posting, paying, deleting); don’t invent data, results or tools I haven’t given you; tell me what you couldn’t verify.
Based on: Marcel — https://x.com/marcelkargul/status/2099869668387291469

Steps are from the source. Includes a “Based on” credit line.

I tried this

Tell the next builder. One anonymous answer each; click again to undo.

Agents, models and tools only what the source states

Agents
Claude
Models
Fable 5.1
Tools
  • Figma MCP
  • Supabase MCP
  • Paper MCP

Sources & credit