Tools
AI-powered tools for design systems and product design.
52 resources
PRO included in Pro and MasterMASTER Master plan only, not included in Pro
Builder.io Visual Copilot
Builder.io's Figma-to-code tool (now marketed as Builder Design to Code) that maps Figma components to your real code components instead of inventing new ones every time.
CHChatGPT
OpenAI's general AI assistant for writing, research, image creation, coding and agent tasks, with a free tier and paid Go, Plus and Pro plans.
CLClaude
AI assistant by Anthropic with deep reasoning, large context windows, and MCP support. The best tool for design system documentation, token audits, and component specs.
CLClaude Code
Anthropic's terminal coding agent, and the single most useful AI tool in my design systems work. Token audits, Figma automation via MCP, docs generation, and full prototypes from one prompt window.
Cline
Open-source autonomous coding agent for VS Code, JetBrains, Cursor, Devin Desktop (formerly Windsurf), Zed, Neovim, the terminal and its own desktop app. .clinerules files make it the most design-system-friendly autonomous agent available.
CUCursor - AI Code Editor
AI-first code editor built on VS Code that helps designers write and understand code. Perfect for vibe coding prototypes and design system implementations.
Figma Make
Figma's native AI design-and-prototype tool that pulls in your library's components and tokens. The closest a generative AI tool has come to respecting an existing design system out of the box.
Figma MCP Server
Model Context Protocol server that connects AI coding tools directly to your Figma designs. Extract components, styles, and tokens without leaving your editor.
FIFirecrawl
Turn any website into clean, LLM-ready data. Scrape, crawl, and search the web to feed your AI assistants with real content for design research.
GIGitHub Copilot
GitHub's AI coding assistant: completions and agent mode in your editor, plus a cloud coding agent you can assign GitHub issues to. Models from OpenAI, Anthropic and Google.
Manus
Autonomous AI agent that runs research tasks end-to-end. Send a task, walk away, come back to a finished report with screenshots and sources.
MIMidjourney
An AI image generator known for its strong aesthetic and art direction. Now on model V8.2, with a full web app, style references, personalization, and video.
PEPerplexity
AI answer engine with cited sources, deep research and the free Comet browser. Free tier plus Pro and Max plans.
Tidy for Figma
A premium Figma plugin, local API, and MCP toolkit for giving AI assistants structured design-system context: components, variables, naming rules, audits, and project memory.
V0v0 by Vercel
AI UI generator from Vercel that ships shadcn/ui + Tailwind + Radix React components from a prompt. The closest thing the industry has to a design-system-aware text-to-UI tool.
ADAdobe Firefly
Adobe's generative AI app for images, video, and audio. Runs Adobe's commercially safe Firefly models plus partner models from Google, OpenAI, and others, and feeds straight into Photoshop and Illustrator.
BOBolt.new
StackBlitz's prompt-to-app generator that spins up a full-stack project in the browser. Fast for throwaway prototypes, dangerous as a stand-in for a design system.
COConductor
A Mac app for running several coding agents (Claude Code, Codex, Cursor) in parallel, each in its own isolated workspace. The moment one agent stops being enough, this is the layer you are missing.
COConsensus
AI search engine for peer-reviewed research. Ask a question, get a cited answer drawn from 250M+ papers.
CRCraiyon
A free, browser-based AI image generator (formerly DALL-E Mini) with quick generators for logos, posters, clipart, and simple edits. Ads and watermarks on the free tier.
CHChatGPT Images (formerly DALL-E 3)
OpenAI's image generation inside ChatGPT. DALL-E 3 has been retired and replaced by the GPT Image models, which handle text in images, multi-turn edits, and reference photos far better.
FIFigma Console MCP
Open-source MCP server by Southleft for design system work in Figma: two-way token sync, component creation, Figma-to-code parity checks and accessibility audits. Write access, unlike read-focused servers.
FIFigma Weave
Node-based canvas for AI image and video generation, formerly Weavy, acquired by Figma in October 2025. Chain models from Google, OpenAI, Runway, Black Forest Labs and others with pro editing tools in one workflow.
FLFliki
Turn text, scripts, and blog posts into videos with AI voices in 80+ languages.
FRFramer
Website builder for designers with an AI agent that creates editable pages, sections, copy and code components inside your project. Publishes real sites with CMS, SEO and localization.
GOGoogle Antigravity
Google's agent-first development platform: a desktop app, IDE and the agy CLI that replaced Gemini CLI for individual users in June 2026. Free for individuals, with built-in browser agents for checking UI.
Granola AI
AI meeting notes that actually work. Granola transcribes, summarizes, and organizes your design reviews, critiques, and stakeholder meetings automatically.
INinvideo AI
Agentic video editor: describe edits in plain words and apply them on a real multitrack timeline.
JUJulius AI
AI workspace for data analysis: upload spreadsheets, ask questions in plain language, get charts, reports and presentations.
KRKrea
Real-time AI image and video generation on a live canvas, plus one of the best upscalers available. Generation you steer with your hands, not just with prompts.
LOLooka
AI logo maker and brand kit generator for small businesses: logos, brand guidelines, social assets, and an AI-generated website. Free to explore, pay to download.
LOLovable
Prompt-to-app generator with a built-in backend (Lovable Cloud, built on Supabase). Best-in-class at full-stack generation. Worst-in-class as an excuse to skip having a design system.
MAMagic Patterns
Generates real React components from prompts and screenshots, and can work against your own component library. Prototyping that speaks your design system's language.
MOMonica
All-in-one AI assistant for chat, writing, translation, PDFs and images, available as a browser extension, desktop and mobile app.
ONOnlook
Open-source visual editor for React and Next.js apps. Edit the running product on a Figma-like canvas with AI chat, and changes write back to your code.
OPOpenAI Codex
OpenAI's coding agent, included in ChatGPT plans. Runs as a desktop app, CLI, IDE extension and cloud agent, so designers can turn specs and screenshots into working UI in a real codebase.
PAPaper
A design tool where the canvas is real HTML and CSS, with an MCP server so coding agents can read and write the canvas. What you design is what ships.
PEPen (pen.dev)
Agentic design canvas, formerly Pencil, that stores designs in an open JSON format next to your code. Design with Claude, Codex or Gemini on the canvas, or drive it from your coding agent through MCP.
PIPictory
Turn text, blogs, slides, and recordings into videos with AI voices, avatars, and captions.
QOQodo
AI code review and governance platform (formerly CodiumAI). Review agents check pull requests against your team's rules, in Git and in the IDE.
RERecraft
An image generator aimed at designers rather than prompt hobbyists: proper vector output, consistent brand styles, and icon sets that belong to the same family.
RERelume
AI that generates sitemaps, wireframes, and style guides from a project brief, built from a library of over 1,000 components, with export to Figma, Webflow, and React, or hosting on Relume itself.
SCScite
Research assistant with Smart Citations that show whether later papers support or contrast a study.
SHshadcn MCP
Official MCP server from shadcn/ui. Lets coding agents browse, search and install components from shadcn, third-party and private registries using plain language.
STStable Diffusion
Stability AI's open-weight image model family. Download it and run it on your own hardware, fine-tune it, or use it through the API, with free commercial use for small teams.
STStitch
Google's AI design canvas that turns prompts, sketches, and voice into mobile and web UI, clickable prototypes, and code. Fast for early exploration, and it improves a lot when you feed it a proper design brief.
STStorybook MCP
Storybook's official MCP server. Gives coding agents your real component docs, story previews and component tests, so generated UI reuses your design system instead of inventing new components.
SUSubframe
A design canvas on top of your codebase. Design with real React and Tailwind components, then let Claude Code or Codex implement the change locally, with git branches and pull requests.
SUSupernova
Design system platform for tokens, components and documentation that now serves scoped design system context to AI agents through MCP. Free plan for up to 5 editors.
SYSynthesia
AI video and avatar platform: turn docs, slides, or links into presenter-led videos in 140+ languages.
UXUX Pilot
AI UI generator for wireframes, high-fidelity screens and multi-screen flows, with a Figma plugin, code export and custom design systems. Built for product designers rather than developers.
DEDevin Desktop (formerly Windsurf)
The AI code editor formerly called Windsurf, renamed Devin Desktop by Cognition in 2026. An agentic IDE plus a command center for running local and cloud coding agents side by side.