Layout & Prototyping Tools

Tools that assemble interfaces and layouts. They accelerate structure; the spatial logic and hierarchy are still yours to direct.

Google Stitch

Freemium · from $0 · Google Stitch

Galileo AI was acquired by Google in May 2025 and relaunched as Google Stitch, a text-to-UI design tool with an infinite canvas, real-time design agent, and Figma/code export. It generates layout-aware screen designs from a prompt and has multiplayer editing as of I/O 2026. The registry entry (URL and vendor) needs updating to reflect the Google Stitch relaunch; the tool itself is more capable than the original Galileo product.

Leans on: Hierarchy And Ai, Composition And Ai, Build Taste Generate Refine

Figma AI

Paid subscription · from $12/mo · Figma AI

Figma’s AI features, layout generation, copy suggestions, and the auto-rename layers function, are useful productivity accelerators inside a tool most professional designers use daily anyway. The generated layouts require significant design judgment to refine; treat them as a starting point for a structure, not a finished design. Composition and hierarchy fundamentals directly determine how well you can evaluate and improve what Figma AI produces.

Leans on: Hierarchy And Ai, Composition And Ai, Build Taste Generate Refine, From Prompt To Portfolio

Adobe Firefly Boards

Paid subscription · from $4.99/mo · Adobe Firefly Boards

Adobe Firefly Boards is a moodboarding canvas with Firefly generative fill built in, you can place images, extend them with AI, and assemble a visual direction without switching between tools. For designers on a Creative Cloud subscription it’s the lowest-friction moodboarding option since your assets, fonts, and generated images all live in the same ecosystem. The limitation is that it requires a CC subscription to access and the Boards feature is newer and less mature than standalone moodboarding tools.

Leans on: Moodboarding With Ai, Colour Theory And Ai

Claude Artifacts

Freemium · from $0 · Claude Artifacts

Claude Artifacts lets you iterate on a live HTML, SVG, or data visualisation directly in the chat window, describe what you want, see it render, then ask for changes in plain language. It’s one of the fastest ways to prototype a layout concept or visualise data without a dedicated tool. The output is code, so it works best when you have a clear idea of what structure and hierarchy you’re aiming for before you start.

Leans on: Hierarchy And Ai, Composition And Ai, Build Taste Generate Refine

Canva Magic

Freemium · from $0 · Canva Magic

Canva Magic Studio is the most accessible entry point for AI-assisted layout, Magic Design generates complete templates from a brief and Magic Expand fills or extends images to new proportions. For professional designers, it’s more useful as a rapid ideation tool or for producing client-ready mockups quickly than as a primary production environment. Understanding design fundamentals lets you spot where the AI template choices are generic and refine them accordingly.

Leans on: Hierarchy And Ai, Typography And Ai, Build Taste Generate Refine

v0 by Vercel

Freemium · from $0 · v0 by Vercel

v0 generates production-quality React component code from a text prompt, with a live preview so you can see the result immediately. For graphic designers moving toward front-end code, or those collaborating directly with developers, it’s the fastest way to produce a working UI prototype without writing from scratch. Your design knowledge (layout, spacing, type hierarchy) directly improves the prompt quality and the revision instructions you give it.

Leans on: Hierarchy And Ai, Composition And Ai, From Prompt To Portfolio

Visily

Freemium · from $0 · Visily

Visily converts a hand-drawn sketch or a screenshot of an existing UI into editable wireframe components, useful when you’re in early ideation and want to digitise rough layouts quickly without committing to a full Figma build. It’s a fast step between paper sketching and screen design, complementing rather than replacing Figma AI for the later stages of UI production.

Leans on: Composition And Ai, Build Taste Generate Refine

Framer AI

Freemium · from $0 · Framer AI

Framer AI can produce a publishable website from a text prompt, useful for quickly standing up a portfolio or a simple client landing page without a developer. The output quality depends heavily on how well you’ve specified layout hierarchy and content structure; a clear brief with defined sections produces much better results than a vague one. It’s not a replacement for considered web design, but it collapses the time from concept to live prototype.

Leans on: Hierarchy And Ai, From Prompt To Portfolio

See also: AI Tools for Graphic Designers