Design with AI
12 curated resources for non-coder builders
Moda
Create fully-editable, on-brand visual assets on a real canvas you control.
Magic Path
MagicPath is an AI-native design tool built to help teams explore, collaborate, and ship efficiently.
Figma MCP Console
This will help you prompt & design in Claude.
Stitch by Google
Design UI with AI. A tool by Google.
Quiver AI
Foundational models for Generating, Editing & Animating vector graphics.
Figma Make
Figma Make is the first vibe-coding tool you should explore as a designer. You can use multiple models here, refer to Figma frames & even copy back the generated designs in Figma.
Framer MCP
Bridge your Framer designs with AI assistants like Claude and Cursor. Edit text, update styles, create components, and export React code.
Refero MCP
Refero MCP connects your agent to a curated library of real product interfaces and user flows. It studies before it builds, and the output looks designed, not generated.
Weavy
Access all AI models and professional editing tools in one node-based platform.
Paper
If you want to design with agents, this is the tool. If Pencil is built more for developers, this is built more for designers.
Claude Just Started Designing in Figma. No, Really.
Learn how to set up Figma MCP with Claude to prompt and design in Figma.
Pencil
A canvas for designers where they can easily vibe-draw with Claude. Which can be easily picked up in any code editor.