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.

intermediate·30 minSign up to read

ChatGPT

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.

beginner·5 minSign up to read

Claude

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.

beginner·5 minSign up to read

Claude 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.

intermediate·30 minSign up to read

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.

intermediate·20 minSign up to read

Cursor - 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.

beginner·15 minSign up to read

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.

beginner·10 minSign up to read

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.

intermediate·30 minSign up to read

Firecrawl

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.

beginner·10 minSign up to read

GitHub 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.

beginner·5 minSign up to read

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.

beginner·10 minSign up to read

Midjourney

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.

beginner·5 minSign up to read

Perplexity

AI answer engine with cited sources, deep research and the free Comet browser. Free tier plus Pro and Max plans.

beginner·5 minSign up to read
MASTER

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.

intermediate·20 minSign up to read

v0 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.

beginner·5 minSign up to read

Adobe 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.

beginner·5 minSign up to read

Bolt.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.

beginner·5 minSign up to read

Conductor

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.

intermediate·20 minSign up to read

Consensus

AI search engine for peer-reviewed research. Ask a question, get a cited answer drawn from 250M+ papers.

beginner·5 minSign up to read

Craiyon

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.

beginner·5 minSign up to read

ChatGPT 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.

beginner·5 minSign up to read

Figma 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.

advanced·15 minSign up to read

Figma 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.

intermediate·30 minSign up to read

Fliki

Turn text, scripts, and blog posts into videos with AI voices in 80+ languages.

beginner·5 minSign up to read

Framer

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.

beginner·15 minSign up to read

Google 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.

intermediate·15 minSign up to read

Granola AI

AI meeting notes that actually work. Granola transcribes, summarizes, and organizes your design reviews, critiques, and stakeholder meetings automatically.

beginner·5 minSign up to read

invideo AI

Agentic video editor: describe edits in plain words and apply them on a real multitrack timeline.

beginner·5 minSign up to read

Julius AI

AI workspace for data analysis: upload spreadsheets, ask questions in plain language, get charts, reports and presentations.

beginner·5 minSign up to read

Krea

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.

beginner·10 minSign up to read

Looka

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.

beginner·5 minSign up to read

Lovable

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.

beginner·10 minSign up to read

Magic 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.

beginner·15 minSign up to read

Monica

All-in-one AI assistant for chat, writing, translation, PDFs and images, available as a browser extension, desktop and mobile app.

beginner·5 minSign up to read

Onlook

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.

intermediate·30 minSign up to read

OpenAI 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.

intermediate·15 minSign up to read

Paper

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.

beginner·15 minSign up to read

Pen (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.

intermediate·15 minSign up to read

Pictory

Turn text, blogs, slides, and recordings into videos with AI voices, avatars, and captions.

beginner·5 minSign up to read

Qodo

AI code review and governance platform (formerly CodiumAI). Review agents check pull requests against your team's rules, in Git and in the IDE.

beginner·5 minSign up to read

Recraft

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.

beginner·10 minSign up to read

Relume

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.

beginner·20 minSign up to read

Scite

Research assistant with Smart Citations that show whether later papers support or contrast a study.

beginner·5 minSign up to read

shadcn 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.

intermediate·10 minSign up to read

Stable 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.

beginner·5 minSign up to read

Stitch

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.

beginner·10 minSign up to read

Storybook 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.

intermediate·15 minSign up to read

Subframe

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.

intermediate·30 minSign up to read

Supernova

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.

intermediate·1 hour+Sign up to read

Synthesia

AI video and avatar platform: turn docs, slides, or links into presenter-led videos in 140+ languages.

beginner·5 minSign up to read

UX 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.

beginner·10 minSign up to read

Devin 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.

beginner·5 minSign up to read