71 tools

Adora

Adora

/

www.adora.so

Prototyping Generated Code Production Code Paid Small

Adora automatically captures every screen, modal, and user journey in your live product without manual event tagging, building a continuously-updated visual library of what your app actually looks like in production. AI watches for usability issues 24/7 and links findings directly to the affected screens. Founded by ex-Canva execs, backed by Blackbird Ventures with a $9.9M seed, and used by teams at Canva, Notion, and Replit.

Affinity Suite

Affinity Suite

/

affinity.studio

Images Typography Production Code Paid Small

Professional design suite now free following Canva's acquisition. Combines Affinity Designer (vector), Photo (raster), and Publisher (page layout) into a single unified app with three studio modes. No subscription required — Canva AI features available as an optional paid add-on. Over one million new signups in its first four days as a free product.

Agentation

Agentation

/

agentation.dev

Code Tool Production Code Paid Small

Agentation is a floating toolbar you add to your React app that lets you click on UI elements and generate structured markdown feedback for AI coding agents. Instead of describing "the blue button in the sidebar," it captures CSS selectors, component names from the React fiber tree, and positional data so agents like Claude Code or Cursor can locate and fix the exact element. Free and open source, works with any AI agent that accepts text input.

Anima

Anima

/

www.animaapp.com

Code Tool Figma Paid Medium

Anima is a Figma plugin and AI Playground that converts designs into production-ready React, Vue, HTML, Tailwind, and TypeScript code. It was Figma's Dev Mode launch partner and has 1.5M+ installs, making it one of the most established design-to-code tools. The 2025 update adds multi-screen prototype import so entire Figma flows convert to working code in one go, and a diff engine that applies small edits in seconds.

Antigravity

Antigravity

/

antigravity.google

Code Tool Prototyping Generated Code Paid Small

Google Antigravity is an agentic IDE built on a forked VS Code that lets AI agents autonomously plan, write code, run the terminal, and test in a browser with minimal hand-holding. It pairs with Google Stitch (their text-to-UI design tool) to form a full design-to-code pipeline. Available free in public preview with generous Gemini 3 Pro limits; also supports Claude and OpenAI models.

Aura

Aura

/

www.aura.build

Site Builder Generated Code Paid Small

Aura is an AI landing page and website builder that generates complete designs from text prompts or uploaded images, then exports clean HTML, Tailwind CSS, or frames to Figma. It gives you a full visual editor with 800+ templates, 15,000+ stock images, and 1,400+ components alongside access to Claude, Gemini, and GPT-4.1. Trusted by over 65,000 users; free tier available with paid plans for more prompts and exports.

Banani

Banani

/

www.banani.co

UI Generator Generated Code Paid Small

Banani generates editable, multi-screen UI prototypes from text prompts, reference images, or screenshots, then lets you export directly to Figma, HTML/CSS, or image. It is aimed at non-designers — PMs, founders, engineers — who need to move fast without hiring a designer. Free tier includes 20 generations per day; paid plans start at $20/month.

Blueberry

Blueberry

/

meetblueberry.com

Code Tool Prototyping Figma Paid Small

Blueberry is a Mac workspace that combines a code editor, terminal, browser preview, and canvas in one window, with a built-in MCP server so your AI always has full context: open files, browser preview, terminal output, and pinned apps like Figma, GitHub, Linear, and PostHog. It adds flow mode, tiling layouts, and ambient music for focus. A complete rethink of the dev environment for people building software products.

Bolt.new

Bolt.new

/

bolt.new

Code Tool Generated Code Paid Medium

Browser-based AI coding platform powered by StackBlitz's WebContainer technology — a full Node.js environment running entirely in the browser via WebAssembly. Describe an app, and Bolt generates, runs, edits, and deploys it without local setup. Went from $80K to $40M ARR in five months; Bolt V2 adds cloud databases, auth, and edge functions. Powered by Claude.

Builder.io

Builder.io

/

www.builder.io

Site Builder Generated Code Production Code Paid Medium

Builder.io combines an AI-powered visual editor, headless CMS, and Figma-to-code pipeline in one platform — aimed at teams where marketing needs to update content and developers need to ship features without constant handoff. Its Visual Copilot converts Figma designs to production code claiming 80% faster delivery, and the drag-and-drop editor lets non-technical editors manage content without touching code. Used by Everlane and J.Crew; competes with Contentful and Plasmic.

Cavalry

Cavalry

/

cavalry.scenegroup.co

Animation Production Code Paid Micro

Cavalry is a procedural 2D animation tool built by former Mainframe studio veterans in Manchester. Instead of keyframing everything manually, you connect nodes to define repeating behaviors — making it ideal for data-driven motion, generative art, and complex animation at scale. Used by Apple, Canva, Google, Nike, and Buck; the free Starter tier is permanent.

Ceros Flex

Ceros Flex

/

ceros.com/flex

Site Builder Generated Code Paid Medium

Ceros Flex is the next-generation version of Ceros's no-code interactive content platform, rebuilt in HTML5 for speed and WCAG 2.2 compliance. Marketers and creative teams use it to build animated, interactive web experiences — editorial microsites, campaign pages, branded content — without writing code. AI handles repetitive tasks like resizing layouts and accessibility checks. Named after Flexbox, which powers its responsive layout engine.

Claude Code

Claude Code

/

claude.ai/claude-code

Code Tool Production Code Paid Large

Anthropic's official agentic coding CLI — lives in your terminal, reads entire codebases, and executes multi-step tasks autonomously. Surpassed $1B ARR within months of general availability. Multi-agent Code Review ships as a cloud feature that catches bugs before human reviewers see them. The tool Anthropic itself uses for ~60% of internal development work.

Codex

Codex

/

openai.com/codex

Code Tool Production Code Paid Large

OpenAI's cloud-based software engineering agent — assigns coding tasks to AI agents running in parallel, isolated sandbox environments preloaded with your repository. GPT-5.3-Codex can work autonomously for 7+ hours on complex tasks. Integrated into ChatGPT and GitHub via the Codex CLI. AGENTS.md files customize behavior per repository, similar to Claude Code's CLAUDE.md.

Create.xyz / Anything

Create.xyz / Anything

/

www.create.xyz

Site Builder Generated Code Paid Small

Create (formerly Create.xyz, now rebranded as Anything) is a prompt-to-app builder that turns plain English into working websites, micro-tools, and mobile apps with instant hosting. It's built for speed and low friction — a working prototype in minutes, no code required. Best for solo founders and non-technical creators validating ideas; not suitable for production apps that need auth, security, or scalable infrastructure.

Cursor

Cursor

/

cursor.com

Code Tool Production Code Paid Medium

The leading AI-native IDE — a VS Code fork rebuilt around deep codebase understanding. Composer mode makes coordinated multi-file edits that Copilot can't match; Background Agents work while you focus on other tasks. Reached $2B ARR and $29B valuation by early 2026. The reference tool for serious AI-assisted development despite $20/month pricing and a controversial mid-2025 billing change.

Dessn

Dessn

/

dessn.ai

Prototyping Typography Generated Code Production Code Paid Small

Dessn lets product teams design directly in their production codebase without opening an IDE. Give it read access to your repo and it extracts your design language — components, tokens, typography — then builds a design environment your whole team can use for prototyping and handoff. The result is developer-ready code from day one because designs are made in the actual production context.

Figma

Figma

/

www.figma.com

Prototyping Typography Figma Paid Large

The dominant collaborative design platform, now a complete creation ecosystem. Config 2025 launched Draw (vector illustration), Sites (web publishing), Make (AI prototyping with Claude), and Buzz (branded asset production). As of March 2026, Figma enforces AI credit limits across all plans — 500 credits/month on free (150/day cap), scaling to 4,200 on Enterprise — with pay-as-you-go billing coming in May. The MCP server now supports two-way workflows across Cursor, Warp, Factory, and Augment, with Code Connect UI updates adding multi-file component attachments and cross-framework code previews for Org and Enterprise plans.

Flora

Flora

/

flora.ai

Images Generated Code Paid Small

Flora is a node-based generative AI canvas where each step in a creative workflow is a node — prompt, generate, transform, branch — letting teams explore multiple directions without losing history. It unifies 50+ models (Veo 3, Kling, FLUX, Gemini, and others) for text, image, and video in one environment. Raised $52M total; used by designers at Nike, Levi's, Pentagram, and Lionsgate.

Flowstep

Flowstep

/

flowstep.ai

Prototyping Figma Paid Small

Flowstep is a conversational AI design workspace that generates connected multi-screen UI flows from plain language prompts — its strength is producing entire user journeys, not just individual screens. Outputs are editable, collaborative artifacts that paste directly into Figma without a plugin. The free plan includes unlimited generations and real-time collaboration, making it genuinely usable without paying; the main limitation is no design system import for on-brand generation.

FlutterFlow

FlutterFlow

/

flutterflow.io

Site Builder Generated Code Paid Medium

FlutterFlow is a visual development platform built on Flutter that lets you build cross-platform mobile, web, and desktop apps with a drag-and-drop editor and export clean Dart code. It has native Firebase and Supabase integration, a visual logic builder for app behaviour, and Figma import for design systems. Best for MVPs and medium-complexity apps; the exported code quality draws criticism for production use, and advanced features require development experience.

Frame0

Frame0

/

frame0.app

Prototyping Figma Paid Small

Frame0 is a desktop wireframing app with a deliberate hand-drawn aesthetic — the sketchy style signals 'this is a draft' to stakeholders and keeps early conversations focused on structure rather than polish. It's the most direct Balsamiq alternative, adding AI wireframe generation via your own API key (OpenAI, Anthropic, Gemini, or Grok), MCP server support for Claude Desktop and Cursor, and code export from wireframes. Works offline, cross-platform, with a free core tier and a one-time paid upgrade.

Framer

Framer

/

www.framer.com

Site Builder Typography Generated Code Paid Medium

Design-to-production platform for modern websites — part Figma, part Webflow. AI generates complete page layouts from prompts, with strong animation controls, CMS, and one-click publishing. Raised $100M Series D at $2B valuation in August 2025. Best for design-forward landing pages and portfolios; less suited to large content-heavy sites.

Gemini

Gemini

/

gemini.google.com

Code Tool Production Code Paid Large

Google's AI assistant with a 1M+ token context window, available on the web, in Android Studio, and across Workspace. Competes with Claude Code and Copilot for coding tasks.

Gimp

Gimp

/

www.gimp.org

Images Production Code Open Source Micro

GIMP is the leading free, open-source image editor — the practical alternative to Photoshop for anyone unwilling to pay subscription fees. Version 3.0 (released February 2025 after seven years) added non-destructive layer effects, multi-layer selection, improved CMYK support, and native Wayland support. The plugin ecosystem is large but some older plugins broke in the Python 2 to Python 3 migration.

GitHub Copilot

GitHub Copilot

/

github.com/features/copilot

Code Tool Production Code Paid Large

The original AI coding assistant, now a full agentic platform. Agent Mode autonomously plans and executes multi-step tasks — creating branches, writing code, running tests, and opening PRs — all within your existing IDE. Works across VS Code, JetBrains, Visual Studio, Neovim, and Xcode. At $10/month, the most affordable serious AI coding tool.

Glaze

Glaze

/

www.glaze.app

Site Builder Paid Medium

Create native Mac desktop apps by describing what you want in plain language. Glaze builds local-first apps with full OS integration — file system access, keyboard shortcuts, menu bar — no code required.

Google Stitch

Google Stitch

/

stitch.withgoogle.com

UI Generator Generated Code Free Large

Google Stitch is Google Labs' AI UI design tool powered by Gemini 2.5, generating complete design systems, interactive prototypes, and exportable code from text prompts or images. A major March 2026 update added an infinite canvas, voice interaction, a design agent, and an MCP server connecting to Claude Code, Cursor, and Gemini CLI. Free with 350 generations per month and Figma-format export — no download required.

Inkscape

Inkscape

/

inkscape.org

Images Production Code Open Source Micro

Inkscape is a free, open-source vector graphics editor that uses SVG as its native file format — not an export option, but the actual working file — making it the only major vector tool whose output is web-standard code. Its feature set now genuinely rivals Illustrator: bezier tools, boolean operations, bitmap tracing via Potrace, a Shape Builder tool (added in v1.3), and advanced typography. No subscription, no AI upsell, no file hostage-taking.

Jitter

Jitter

/

jitter.video

Animation Figma Paid Small

Jitter is a browser-based motion design tool aimed at designers who want After Effects-style animation without the learning curve. It integrates directly with Figma (300k+ plugin installs), exports to 4K video, GIF, and Lottie, and includes kinetic typography and AI image-to-video generation. Won the Golden Kitty Award 2023 in the Design category.

Locale

Locale

/

joshpuckett.me/locale

Typography Free Micro

Preview your locally installed fonts in the browser — with adjustable size, weight, sample text, and background options.

LottieFiles

LottieFiles

/

lottiefiles.com

Animation Figma Paid Small

LottieFiles is the central ecosystem for Lottie animations — a community library of 400,000+ animations, an online editor, and integrations with Figma, After Effects, Webflow, and Framer. Lottie files are up to 600% lighter than GIFs and render natively on iOS, Android, and web. The platform also handles team collaboration, version control, and the newer dotLottie format for even smaller file sizes.

Lovable

Lovable

/

lovable.dev

Site Builder Generated Code Paid Medium

Full-stack AI coding platform for building web apps from plain English. Generates React frontends with Tailwind CSS, connects to Supabase backends, handles auth, databases, and deployment. Reached $200M ARR and $6.6B valuation in December 2025 with 500K+ users. Community consensus: fastest path to an MVP, but credit costs are unpredictable and debugging loops can be brutal.

Magic Path

Magic Path

/

www.magicpath.ai

Site Builder Prototyping Generated Code Paid Medium

MagicPath is an AI-powered design tool that generates full UI layouts and design directions from a text prompt on an infinite canvas — less a traditional editor, more a rapid ideation surface. Built by Pietro Schirano (ex-Uber, ex-Facebook), it imports from Figma, supports theme consistency across generations, and exports code for developer handoff. At $14/month it's aimed at early-stage concepting rather than polished production work.

Magic Patterns

Magic Patterns

/

www.magicpatterns.com

Prototyping Generated Code Paid Small

Magic Patterns is a YC-backed AI prototyping tool that generates React and Tailwind components tuned to your existing design system — upload your brand tokens, component library, or Figma file and it generates on-brand UI rather than generic output. It's aimed at product teams iterating on an existing product, not starting from scratch; for that reason it competes more with internal prototyping workflows than with tools like Lovable or Bolt.

Midjourney

Midjourney

/

midjourney.com

Images Paid Small

Generative image platform for visual exploration, concept art, and design inspiration.

Moonchild AI

Moonchild AI

/

moonchild.ai

UI Generator Figma Paid Small

Moonchild is an AI design tool that generates high-fidelity UI screens from PRDs or product briefs, but its distinguishing feature is that it generates inside your design system rather than inventing its own — using your actual components, spacing scale, and color tokens from Figma. It produces multiple design directions, critiques them against the original brief, and exports to Figma. Getting active coverage in early 2026 as a serious alternative to Figma Make and Uizard.

Motiff

Motiff

/

motiff.com

Design Systems Figma Paid Large

Motiff is a Figma-competitive UI design tool with deep AI integration — it generates interfaces from text, wireframes, or PRDs, and applies consistent design systems (Material, Ant, shadcn) automatically. Its self-developed rendering engine handles millions of layers without slowdown, and MCP support enables handoff to AI coding tools. Positioned as an affordable alternative to Figma, with AI features currently in beta before paid plans launch July 2025.

Onlook

Onlook

/

onlook.com

Code Tool Prototyping Production Code Paid Small

Open-source visual code editor for React — edit Next.js + Tailwind applications with a Figma-like interface that writes changes directly to your codebase in real time. Visual edits map to actual JSX via unique element identifiers; Figma imports convert to working components. Positions itself as 'Cursor for designers' with changes becoming PRs, not handoff specs. Apache 2.0, self-hostable.

Opacity

Opacity

/

opacity.com

Prototyping Production Code Paid Small

Opacity aims to be design's GitHub moment — a single platform where design and code live together rather than in separate files that drift apart. Built by Drew Wilson (Crew, Unsplash investor), it's in early access and targets product teams tired of maintaining Figma files and component libraries as two disconnected sources of truth. Also building Loupe, a Mac app for AI-assisted building.

OpenPencil

OpenPencil

/

openpencil.dev

UI Generator Free Open Source Micro

Open-source, local-first AI design editor that reads and writes .fig files and exports directly to production code.

Overflow

Overflow

/

overflow.io

Prototyping Figma Paid Small

Overflow is a dedicated user flow diagramming tool for design teams — you sync screens from Figma, Sketch, or Adobe XD and connect them into interactive, shareable flow diagrams for stakeholder presentations. Its sweet spot is async walkthroughs: stakeholders can self-navigate a flow without a meeting. Not a wireframing or design tool; real-time collaboration is limited to commenting rather than simultaneous editing.

Paper

Paper

/

paper.design

Animation Prototyping Generated Code Paid Medium

Paper is a code-native design tool where every element on the canvas is real HTML and CSS — what you design is what ships, with no conversion step. Its MCP server exposes 24 bidirectional tools so AI agents can not only read your design but modify it: sync tokens from Figma, populate UI with live API data, or convert a design into React/Tailwind and commit to GitHub. The Snapshot Chrome extension (March 2026) lets you paste any live website into the canvas as editable HTML/CSS layers, so you start from production rather than a blank slate. Built by Stephen Haney, formerly of Modulz/Radix UI; $20/month ($16/month annual).

Pencil

Pencil

/

www.pencil.dev

Code Tool Prototyping Generated Code Paid Medium

Pencil is a Figma-like design canvas that lives inside your IDE (Cursor, VS Code) and feeds pixel-exact vector coordinates and design tokens to AI agents via MCP — so instead of guessing from a screenshot, Claude Code or Cursor agents get exact values and write code that matches the design 1:1. It supports bidirectional sync (visual edits update the codebase), Figma import, parallel multi-screen generation, and Git-versioned design files. Requires Claude Code; currently free during early access.

Penpot

Penpot

/

penpot.app

Images Prototyping Generated Code Open Source Medium

The first open-source design and prototyping platform, built on actual web standards — SVG, CSS Flexbox, and Grid — rather than proprietary formats. Native design tokens, real-time collaboration, self-hostable, and free. The developer-friendliest design tool available: Code Inspect outputs real HTML and CSS, not approximations.

Photopea

Photopea

/

www.photopea.com

Images Production Code Free Micro

Photopea is a browser-based photo and graphics editor built by a solo developer whose UI matches Photoshop closely enough that Adobe users can start immediately. It handles PSD, AI, PDF, SVG, and CDR formats, stores files locally rather than uploading them, and works offline after the initial load. Free with ads; $9/month removes ads and adds AI credits. No installation, no subscription required for core use.

Pinwheel

Pinwheel

/

bjango.com/mac/pinwheel

Design Systems Figma Paid Micro

Pinwheel is a $25 Mac app from Bjango (makers of iStat Menus) for managing color design systems: generate palettes and gradients, test WCAG 2 and APCA contrast on the fly, and export color tokens to Figma, SCSS, Design Tokens JSON, SwiftUI, or asset catalogs simultaneously. It imports from Figma and Sketch documents and can serve as the authoritative source of truth for a design system's color layer. Requires macOS 15+.

Protopie

Protopie

/

www.protopie.io

Prototyping Figma Paid Small

ProtoPie is the go-to tool for high-fidelity interactive prototypes that go beyond what Figma can do — it handles conditional logic, variables, sensor inputs (gyroscope, touch, voice), and cross-device communication without any code. Used by Google, Meta, BMW, and Samsung for complex interaction design including automotive and IoT. It's not a design tool, so you build visuals in Figma first and import; the steep learning curve and $79/month Pro price make it overkill for simple web prototypes.

Readymag

Readymag

/

readymag.com

Site Builder Typography Generated Code Paid Small

Readymag is a freeform browser-based design tool for creating portfolios, editorial websites, and campaign microsites without code. Unlike grid-constrained builders, it lets you place elements freely with full typographic control — variable fonts, ligatures, stylistic sets — plus scroll animations and hover interactions. Used by Condé Nast, Airbnb, and Amazon; won a Fast Company Innovation by Design Award in 2024. Note: templates are not responsive by default.

Recraft

Recraft

/

recraft.ai

Images Free Small

AI design studio for generating production-quality vector and raster assets with brand consistency.

Replit

Replit

/

replit.com

Code Tool Generated Code Production Code Paid Medium

Cloud-based development platform centered on AI Agent 3, which works autonomously for up to 200 minutes — testing its own code, spawning subagents, and connecting to 30+ services including Stripe, Figma, and Salesforce. Raised $250M at $3B valuation in January 2026. Best for rapid prototyping and solo builders; cost can spiral on heavy usage.

Rive

Rive

/

rive.app

Animation Production Code Paid Small

Rive is a real-time interactive animation tool that lets you design state-machine-driven animations and ship them natively to web, iOS, Android, Flutter, and game engines via lightweight .riv files. Unlike Lottie, animations respond to user input and runtime variables without extra code. Used by Spotify Wrapped, Duolingo, and apps reaching 2 billion users.

Rivet

Rivet

/

rivet.design

Code Tool Production Code Paid Small

Rivet is an open-source visual programming environment for building AI agents and LLM workflows — you wire together nodes for prompts, conditionals, tool calls, and data transformations on a drag-and-drop canvas instead of writing prompt-chaining code. Built by Ironclad and available as a TypeScript library for embedding in your own app. Model-agnostic (OpenAI, Anthropic, Google), supports parallel execution, real-time remote debugging, and exposes any graph as an HTTP endpoint via `rivet serve`.

Sketch

Sketch

/

www.sketch.com

Prototyping Production Code Paid Medium

The original modern UI design tool — a native macOS app that pioneered the design system era. The 2025 Copenhagen update is its biggest UI overhaul since 2020: contextual toolbar, rewritten Inspector, wrapping Stacks, and macOS Tahoe's Liquid Glass aesthetic. Loyal community but faces headwinds from Figma's browser-based collaboration and AI features.

Spline

Spline

/

spline.design

3D Animation Generated Code Free Small

Spline is a browser-based 3D design tool that makes interactive 3D accessible to web designers without requiring Blender or Three.js skills. You get parametric modeling, timeline animation, event-driven states, and one-click embedding for websites — all with real-time collaboration. An optional AI add-on generates 3D objects and textures from text prompts.

Subframe

Subframe

/

subframe.com

Code Tool Generated Code Paid Small

Subframe is a code-first UI builder where every layer maps directly to React and Tailwind components — no mockup-to-code translation gap. It ships 200+ pre-built components, design system support, and clean code export you actually own. A standout feature is MCP integration with Cursor and Claude Code, letting developers prompt new designs from their IDE. Aimed at backend-heavy teams that need to ship quality UI without a dedicated designer.

Supernova

Supernova

/

supernova.io

Design Systems Figma Paid Medium

Supernova is a design system platform that turns Figma files, tokens, Storybook stories, and code libraries into living documentation. Teams use it to publish guidelines, sync components automatically from Figma, and give developers live access to React/Vue/Angular components with code export. Recent additions include Portal (a fast-search companion to docs) and Relay, an MCP server for AI agent access to your design system.

Tempo Labs

Tempo Labs

/

tempo.new

Code Tool Figma Paid Small

Tempo is a YC-backed AI platform that combines a visual React editor, AI code generation, and GitHub integration into one environment for building production React apps. Designers, PMs, and developers all work in the same canvas — you can prompt, drag-and-drop, import from Storybook, or edit locally in VSCode and push to GitHub. Primarily for teams building React apps who want to cut front-end time without leaving their existing workflow.

Tokens Studio

Tokens Studio

/

tokens.studio

Design Systems Typography Figma Open Source Small

Tokens Studio is the standard Figma plugin for design token management — it lets designers create and organize tokens for colors, typography, spacing, and shadows, then sync them to GitHub, GitLab, or other repos as JSON. It fills the gap Figma Variables leave open: semantic mappings, theme logic, portability to code, and version control. Also maintains Style Dictionary V4 and is expanding to Framer.

Uizard

Uizard

/

uizard.io

Prototyping Generated Code Paid Small

Uizard is a quick-start prototyping tool aimed at non-designers — it converts text prompts, hand-drawn sketches, or screenshots into editable UI mockups, and includes an AI chatbot for iterative edits. Acquired by Miro in 2024. Output can be generic and the lack of Figma integration is a notable gap; it's best suited for early-stage ideation and product teams who need something shareable without touching Figma.

Unicorn Studio

Unicorn Studio

/

www.unicorn.studio

Animation Generated Code Paid Small

Unicorn Studio is a no-code WebGL effects editor for the web — you stack layers with 70+ shader effects (gradients, glows, pixel distortions) on a spatial canvas and embed the result as a lightweight 36kb snippet. It sits between raw shaders and rigid presets, making GPU-accelerated visuals accessible without Three.js or GLSL. Think hero backgrounds and interactive effects for Webflow, Framer, or custom sites.

UX Pilot

UX Pilot

/

uxpilot.ai

UI Generator Figma Generated Code Paid Small

UX Pilot generates wireframes and high-fidelity UI screens from text prompts, with standout multi-screen flow consistency that most AI tools get wrong. It includes predictive heatmaps, automated design review, bidirectional Figma integration, and HTML/CSS export. At $14-22/month, it's priced for individual designers; the credit-based model can be disruptive when credits run out mid-project.

v0

v0

/

v0.app

UI Generator Generated Code Paid Medium

Vercel's AI UI generator for React/Next.js — turns prompts, screenshots, and Figma exports into clean, production-ready components using Tailwind CSS and shadcn/ui. Rebranded to v0.app in January 2026 with full-stack sandbox, Git integration, and database connectors. Over 6 million developers on platform. Best understood as a frontend scaffolding tool, not a complete app builder.

Variant

Variant

/

variant.com

UI Generator Generated Code Paid Small

Variant skips the blank canvas entirely — type a prompt and a scrolling feed of fully-formed UI designs appears. You scroll for more variations without re-prompting, use the Style Dropper to transfer visual DNA between designs, and export as HTML or React code. Built by Ben South (ex-Postmates VP); better for rapid design direction exploration than production refinement.

Visily

Visily

/

www.visily.ai

Prototyping Generated Code Paid Small

Visily is an AI-powered wireframing and UI design tool built explicitly for non-designers — product managers, analysts, and founders who need to get ideas into visual form fast. It handles text-to-design, screenshot-to-design, and sketch-to-design input methods, lets you toggle between low and high fidelity on the same canvas, and exports to Figma. At $11/month (annual), it's competitive on price and offers the full AI feature set even on the free tier.

Weavy (Figma Weave)

Weavy (Figma Weave)

/

weavy.ai

Animation Images Paid Medium

Node-based AI workspace for generating images, video, animation, and VFX. Acquired by Figma in October 2025 for $200M+ and rebranded as Figma Weave — a canvas for combining AI media models into creative pipelines.

Windsurf

Windsurf

/

windsurf.com

Code Tool Production Code Paid Medium

AI-native IDE built around Cascade — an agentic engine that reads your entire codebase and makes coordinated multi-file edits from natural language. Formerly Codeium. Ranked #1 in LogRocket's AI Dev Tool Power Rankings (Feb 2026). Now owned by Cognition (makers of Devin) following a dramatic 2025 acquisition after OpenAI's $3B bid collapsed and Google hired much of the leadership.

Wiretext

Wiretext

/

wiretext.app

Prototyping Figma Free Micro

Wiretext is a browser-based wireframing tool where everything renders as Unicode box-drawing characters — you get a spatial canvas with 30+ pre-built components (buttons, modals, tables, navbars, calendars) and export as plain text, Markdown, or shareable compressed URL links. The output is a text file you can paste into a PR, README, or spec doc without any image dependencies. Open source on GitHub.

Womp

Womp

/

www.womp.com

3D Animation Generated Code Paid Micro

Womp is a beginner-friendly browser-based 3D modeler built around 'Goop' — a liquid modeling system where objects blend organically as you push and pull primitives together. It renders at 4K with PBR materials, supports real-time collaboration, and connects directly to a 3D printing service for physical output. Compared to Spline (which targets web embedding), Womp skews toward art-making and fabrication.

Zed

Zed

/

zed.dev

Code Tool Production Code Open Source Small

High-performance code editor built in Rust with GPU rendering via a custom GPUI framework — genuinely faster than VS Code with 0.5s startup, 120fps scrolling, and 2.5x lower power draw. Native multiplayer editing baked in from day one. Agentic editing, open-source Zeta model for autocomplete, and multi-model AI panel. Open source under GPL; Windows support arrived in late 2025.

zeroheight

zeroheight

/

zeroheight.com

Design Systems Figma Paid Medium

Zeroheight is a dedicated design system documentation platform that syncs directly with Figma and Storybook so docs stay current without manual updates. Developers can test live React, Angular, and Vue components with prop controls and grab production-ready code — all in the same place guidelines live. Used by 20% of Fortune 100 companies; also produces the annual Design Systems Report.