Dive Club 🤿 Best AI Coding Tools for Designers
34 snips
Jan 28, 2026 A practical mental model for picking AI coding workflows and when to use which tools. How Figma Make turns UI into interactive scaffolds and quick handoff code. When Lovable and Dessn speed up rapid prototypes versus pitfalls of nonproduction prototyping. Using Conductor, CloudCode and Claude to batch fixes, run agents and push code toward production.
AI Snips
Chapters
Transcript
Episode notes
Start With The Right Canvas
- Ridd uses a 2×2 mental model: x-axis = size, y-axis = existing production material.
- Early exploratory work often belongs on a canvas or with writing before touching code.
Use Figma Make For Ready UI
- Use Figma Make when you already have UI assets to quickly scaffold interactions.
- It produces usable code snippets fast and simplifies handoff to engineers.
Choose Lovable For Blank-Slate Prototypes
- Use Lovable when you lack UI and expect multiple prompts to iterate an interaction.
- It surfaces rough proofs quickly so collaborators can finalize designs like animations.