Lifecycle phase 2 of 13
Design and architecture: AI tools
UI design to code, system and architecture design, diagrams.
8 tools list this as the main phase, and 4 more tools cover it. Each claim is the vendor's own words, and every fact on a tool's page links to its source.
Main phase
AnimaAnima“The design-aware AI agent: from Figma files, URLs or prompts it generates production-ready apps.”
Builder.io (Fusion)Builder.io“One codebase for engineers, designers, PMs and marketers, who build together with AI agents on real production code.”- CatioCatio“The Architecture IDE: the reasoning, decision, design and governance layer for modern tech stacks.”
EraserEraser“AI for diagrams that matter: create technical diagrams with AI and deliver consistent, accurate designs faster.”
Figma MakeFigma“Turn ideas into working prototypes and apps with AI, starting from design context and a prompt, then editing on the canvas.”
Locofy.aiLocofy.ai“Converts Figma and Penpot designs into developer-friendly code for React, React Native, Flutter, Vue, Angular, Next.js and more.”
StitchGoogle“Generates UIs for mobile and web applications, making design ideation fast and easy.”
UizardUizard Technologies“UI design for apps, websites and desktop software in minutes, powered by AI; if you can use Google Slides, you can use Uizard.”
Also covers this phase
Tools whose main phase is another one.
8090 Software Factory8090“The AI-native software development platform that keeps business leaders in the driver's seat, from spec to deploy.”
BMAD-METHODBMad Code“Breakthrough Method for Agile AI-Driven Development: open-source skills that bring planning and architecture into an agent's delivery workflow.”
v0Vercel“Collaborative AI assistant to design, iterate and scale full-stack web applications, deployed to Vercel in one click.”
vFunctionvFunction“AI-driven modernization for large Java and .NET applications: gives AI coding tools the architectural context to refactor and rewrite.”