Innovative Design System with Claude Code and Figma MCP

Innovative Design System with Claude Code and Figma MCPInnovative Design System with Claude Code and Figma MCP

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Rishabh Sharma

• 4h

Tried an experimental workflow this week. Used Anthropic Claude Code with the Figma MCP tool (use_figma) to scaffold a design system directly inside Figma — no manual component building. The result: — 31 variables across 3 collections (colors, spacing, border radius) — 23 components — buttons, badges, inputs, tables, cards, nav items All from the terminal, with Claude Code acting as the MCP client talking directly to Figma.

Irene Porro

• 1d

I've been testing Google's Stitch Design — here are my first impressions as a Product Designer.

It's ideal for structuring projects quickly, building UI kits that can evolve into design systems, and using as a reference tool. The copy-paste flow from Stitch directly into Figma is surprisingly smooth.

Still in beta and it's already making me reconsider parts of my Figma Make workflow.

Early verdict: strong 10/10 potential.

productdesign ai Stitch

Mahum Samar

pro

• 1d

Good design isn’t just about looking modern. It’s about feeling clear in seconds. For this NextWave hero concept in Figma , I kept the focus simple: Clear message. Strong visual. Clean structure. The goal was to make the brand feel creative, premium, and easy to understand.