Builder stack

Designer toolkit, split

Build with Claude Code, Codex, and Framer; refine in Figma / Paper; bridge both ways with Figma MCP and Paper MCP.

Akhil Krishnan's 2026 designer toolkit, split into building, design, and the MCP bridge.

AI tools I actually use as a designer in 2026: Claude Code, Codex, Framer for building; Figma / Paper for refinement; Figma MCP / Paper MCP as the design ↔ code bridge.

In this recipe

  1. Claude CodeAgent

    Prototypes, features, ideation, development.

    DocsHome

  2. CodexAgent

    Iteration on existing codebases.

    DocsHome

  3. FramerApp

    Quick no-code landing pages.

    Home

  4. FigmaApp

    Refinement and collaboration.

    Home

  5. PaperApp

    Refinement and collaboration, alongside Figma.

    DocsHome

  6. Figma MCPMCP

    Design ↔ code bridge / vibe designing.

    MCP

  7. Paper MCPMCP

    Design ↔ code bridge / vibe designing.

    Docs

Cited from

@akhilllkrishnan · Akhil Krishnan

https://x.com/akhilllkrishnan/status/2044272003431985489

94 impressions0 likes1 bookmarks0 replies0 reposts · captured 2026-09-15