{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreiboeovhr6jssgkzwtoeti4sbzsvvrsavzxs4cnnseqqloololgck4",
    "uri": "at://did:plc:fsxdrar45fdrarzog6x2vyow/app.bsky.feed.post/3mflxqhvj2762"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreib3w65ywms5pk5oncocmjhakgczs6dezg3udpppjkntckh7je4ij4"
    },
    "mimeType": "image/jpeg",
    "size": 46356
  },
  "description": "Claude Code to Figma: Discover how the newest integration between AI and design is closing the gap between developers and designers.",
  "path": "/claude-code-to-figma/",
  "publishedAt": "2026-02-24T10:33:05.000Z",
  "site": "https://ux.prithivkumar.com",
  "textContent": "For years, the handoff between design and development has been a source of friction. Designers live in Figma, and developers live in code, often losing time and context in the translation between the two. That gap has finally been closed.\n\n**A Two-Way Street for Design**\n\nFigma and Claude Code can now communicate directly. This isn't just a simple export tool; it’s a connection that allows you to build a UI with AI, type a command, and see it land on your Figma canvas as real, editable layers.\n\n**Why This Matters for Product Teams**\n\nThis integration changes how teams build products together. It creates a collaborative loop where developers can build, designers can refine, and no one has to suffer through constant context switching. It transforms the traditional, broken handoff into a two-way street.\n\n**How it Works in Practice**\n\nWhen you build a screen in Claude Code, it captures the live browser state and pastes it into Figma as an editable frame.\n\n**To get started, you will need:**\n\n**The Figma Desktop App**\n\n  * **A Paid Figma Seat** : Specifically a Dev or Full seat.\n  * **Claude Code Installed** : Along with a paid Anthropic plan.\n\n\n\nBy enabling the MCP server in your Figma preferences and running a quick terminal command, you can connect the two environments and start designing with the speed of code.",
  "title": "Claude Code to Figma",
  "updatedAt": "2026-02-24T10:33:05.000Z"
}