Alternatives to Design System Automation

Subframe is a React design canvas with a coding agent that turns your repo into shippable Tailwind components.

Figma for Agents lets coding agents like Claude Code and Codex write on-brand designs into your existing Figma files using your components

v0 Design Systems turns your Figma, GitHub, or Storybook component library into working React UI you can ship.

AI design tool that turns a prompt or PRD into high-fidelity UI inside your own design system

Banani generates editable multi-screen UI prototypes from text, screenshots, or Figma links — then exports to Figma or code.

Locofy Pro turns Figma, Penpot, and Adobe XD designs into production-ready React, Next.js, Vue, and React Native code.

Onlook is a visual editor for React and TailwindCSS that edits your live component tree, not a mockup.

Puck is an embeddable visual editor and AI page-generation layer for React apps, built from your own components.

Flowstep turns prompts, PRDs, screenshots, or Figma frames into editable UI screens with React and Tailwind export.

Finesse by Skippr AI delivers one-click AI product review inside Chrome — design, copy, accessibility and PM critique on any live page.

Open-source browser studio for building generative design systems and exporting them as production code

Polymet turns text prompts, images, and Figma files into frontend code that matches the design system you already own.

Rivet is a design agent for your coding agent that writes visual React and Vue edits back into your source code.

VibeCSS restyles any live Chrome page with plain-English prompts instead of hand-written CSS.

Tempo Labs turns prompts into production React components on a shared visual canvas for whole teams.

Open-source design platform with real CSS Grid and Flex layouts, native design tokens, and an open MCP server for AI agents

Figr is an AI design agent that builds a Visual Context Graph of your product before it designs a screen.

Sketch is a native Mac UI design app for vector design, prototyping and free developer handoff.

AI animation generator that turns Figma, Canva, and Adobe Express vector designs into motion in one click

Figma plugin to generate reusable React and Vue components, but its website is down.

Free open-source design-intelligence skill that feeds UI styles, palettes, fonts, and chart rules into Claude Code, Cursor, and other AI coding assistants.

Open-source CLI skill that turns any URL into a design brief — tokens plus the trade-offs behind them — for your AI agent

Turn a written product brief into finished website, app screen, or pitch deck designs with real copy and images.

Open-source design agent that writes HTML prototypes, decks and MP4 motion using the coding agent you already run

Kombai is an AI design engineer that generates standout UI code matching your repo's real components and tokens.

Uizard turns text prompts, screenshots and sketches into editable multi-screen UI mockups and clickable prototypes.

Shipper Visual Edit turns a chat prompt into a hosted website, mobile app, or store — no code required.

AI wireframing that turns text prompts, screenshots, or diagrams into editable, clickable prototypes — no design skills needed.

AI heatmap software that predicts where people look on your design or live page in seconds

Studio turns a Figma file into a live responsive website — automatic breakpoints, one-click publish, no code.