UI/UX design & prototyping Rising

Subframe

Design canvas with a built-in coding agent for React apps

Visit Subframe

Subframe is a desktop and web design tool that maps canvas layers to code. It combines a design canvas, a coding agent that runs on your own Claude Code or Codex subscription, and a built-in browser for editing a live app. Designs use components, variants and tokens tied to your codebase.

  • Real-time collaboration
  • Interactive prototyping (not listed)
  • Reusable components
  • Shared design systems (not listed)
  • Developer handoff (not listed)
  • Auto layout (not listed)

Also includes

  • Design tokens
  • AI design generation
  • Code export

From the vendor's own site. Not yet verified by SoftScout. A missing item may just mean we haven't confirmed it.

UI/UX design & prototyping Category leader

Figma

Free plan· $16/full seat/mo 1–500+ people

Collaborative interface design in the browser

Key features

  • Real-time collaboration
  • Interactive prototyping
  • Reusable components
  • Shared design systems
  • Developer handoff
  • Auto layout

UI/UX design & prototyping Rising

Magic Patterns

Free plan· $17/seat/mo billed annually 2–500+ people

AI design tool that turns prompts into production-ready UI

Key features

  • Real-time collaboration

UI/UX design & prototyping Category leader

Penpot

Free plan· $7/editor/month 1–500+ people

Open-source design platform for design and code teams

Key features

  • Interactive prototyping
  • Reusable components
  • Shared design systems
  • Developer handoff
  • Auto layout