Claude Code and Figma MCP

a screenshot of a website for a conservation nonprofit
Figma MCPClaude Code

I used the Figma MCP to import the Shadcn design system into Claude Code, then prompted Claude to use the design system to design a landing page for a non-profit focused on conservation in the Pacific Northwest.

Claude added the design in my Figma file, then I made a few edits and used Claude Code to code the design.