LINKS · FROM THE CAROUSEL

Turn Claude into a designer

For an owner who needs screens, decks and diagrams without a designer on payroll. Claude Code or Claude Desktop is enough.

These are the 8 tools from the carousel, in the order I’d install them. Every one is free.

UI/UX Pro Max
To design like a pro
A built-in taste guide for Claude: colour palettes, font pairings, layouts, and the rules designers follow.
Open on GitHub
Anthropic Skills
To stop the template look
Anthropic's own skill pack, including one that stops Claude shipping the same generic layout every time.
Open on GitHub
Talk to Figma
To edit Figma from chat
Connects Claude to your Figma file so it can read the design, move layers, and build screens live.
Open on GitHub
Figwright
To turn designs into code
Pull a Figma frame into working code, or push your code back into Figma. Free, and it works both ways.
Open on GitHub
Excalidraw MCP
To sketch diagrams
Ask for a flowchart, wireframe, or system map and Claude draws it straight onto an Excalidraw canvas.
Open on GitHub
shadcn/ui
To build with real components
A library of polished buttons, forms, and menus Claude already knows, so every screen comes out consistent.
Open on GitHub
Motion
To animate the interface
The engine behind Framer Motion. Smooth slides, springs, and hover effects in a few lines.
Open on GitHub
tldraw
To whiteboard with Claude
An infinite canvas you can drop into any app, with controls Claude can draw on and rearrange.
Open on GitHub