# AI Design

Full-stack app builder in the browser

AI-powered browser-based full-stack app builder from StackBlitz that turns natural language prompts into working web applications with zero local setup. Runs on WebContainers — a full Node.js runtime in the browser — giving AI control over filesystem, packages, terminal, and dev server. Supports React, Next.js, Vue, Astro, Svelte with live preview and one-click deploy to Netlify or Vercel. V2 adds built-in databases, auth, storage, and hosting via Bolt Cloud. 5M+ users.

AI full-stack app builder

Build production-ready applications from text and image prompts. Full-stack with Supabase backend, authentication, and one-click deployment. Formerly GPT Engineer, backed by top investors. Targets non-technical founders and product teams who want to go from idea to deployed app in minutes, with AI handling both frontend UI and backend infrastructure setup.

Visual IDE for React that designers can use

Onlook is an open-source visual editor for React and Next.js with 25.9K+ GitHub stars that lets designers edit real code-backed interfaces on an infinite canvas. It connects visual changes, AI chat, component and layer inspection, and versioned code workflows so teams can prototype and refine product UI without treating design files as the source of truth.

AI-powered app builder from text prompts

Generate full-stack web applications from natural language prompts. Create.xyz produces interactive prototypes and production-ready apps with databases, authentication, and API integrations. Designed for non-technical founders and product teams who want to build and iterate on ideas rapidly without writing code from scratch.

AI-powered design to frontend code

Locofy is a design-to-code platform that converts Figma and Adobe XD designs into production-ready frontend code with high fidelity. Uses AI to automatically generate clean, responsive HTML/CSS/React/Next.js/React Native code from design files — eliminating labor-intensive manual translation. Includes Locofy Lightning for one-click conversion and Builder mode for custom components.

MCP server for AI-powered UI component generation

Magic MCP is an MCP server from 21st.dev that enables AI agents to generate polished UI components inspired by modern design engineering patterns. It gives coding agents access to a library of high-quality component templates and design patterns, accelerating frontend development through intelligent component scaffolding.

Design-system-aware AI prototyping for code-ready product interfaces

Magic Patterns turns product ideas, prompts, screenshots, and existing UI into editable, code-ready interfaces. Its design-system-aware editor supports collaborative iteration, two-way GitHub sync, and an MCP workflow for moving designs between the canvas and coding agents—positioning it between prompt-to-app builders and design-handoff tools rather than as a single-screen generator.

AI-native open-source design editor and Figma alternative

OpenPencil is an AI-native, open-source design editor for teams that want a Figma-like canvas with source-visible code and experimental AI design workflows. It is best framed as OpenPencil by the open-pencil project, separate from the same-name ZSeven-W repo, and useful for early UI prototyping, design-to-code exploration, and open-source visual editing pilots.

Window management for macOS

Free, open-source window management app for macOS that snaps and resizes windows via keyboard shortcuts and edge drags. Rectangle is the spiritual successor to Spectacle, rebuilt in Swift with halves/thirds/quarters/centering layouts, multi-monitor support, configurable gaps, position restore, and Windows-style snap-to-edge. Rectangle Pro adds extra layouts, groups, and automation.

AI website wireframe and design generator

Generate complete website sitemaps and wireframes with AI in minutes. Relume outputs Figma and Webflow-ready component libraries, with a built-in library of 1000+ components and style guides. Ideal for designers and agencies who need to rapidly prototype client projects without starting from scratch every time.

AI design tool that edits React in your codebase

Tempo Labs is a YC-backed AI design and prototyping tool that generates and edits React code directly within a developer's existing codebase, maintaining project styles and conventions. Unlike tools that produce standalone code, Tempo supports both greenfield and brownfield projects, understanding existing component libraries, theme systems, and coding patterns to generate code that fits naturally.

Editable UI flows from prompts, screenshots and sketches

AI-assisted product-design platform that turns prompts, screenshots and hand-drawn sketches into editable UI flows for non-designers and early product ideation, complementing rather than duplicating developer-first code generators.