← Alle Werkzeuge

Werkzeug · Frontend & Design

Paper

von Paper

„Agenten-nativer“ Design-Canvas: eine Figma-artige Fläche, deren Inhalt echtes HTML/CSS ist und die ein Coding-Agent (Claude Code, Cursor u. a.) über einen MCP-Server direkt lesen und beschreiben kann – Design und Code ohne Übergabe-Bruch.

FreemiumDesktop (Mac/Windows)WebMCP

Einschätzung

Design-Canvas, den der Agent selbst bedient

Die naheliegende Wahl für Designer-Entwickler-Hybride und Agenten-first-Workflows, in denen der Agent die Fläche beidseitig (lesen + schreiben) steuern soll – der HTML/CSS-Unterbau spart den Design-zu-Code-Bruch. Für strikt kundenfähige Produktionsarbeit ist die offene Alpha noch zu früh; die genannten Preise/Limits sind unabhängige Reviews, vor Nutzung an paper.design gegenprüfen.

Paper (paper.design) setzt anders als Figma nicht auf ein proprietäres SVG-Format, sondern auf echtes HTML/CSS: Was auf der Fläche steht, ist bereits Web-Code („your design exports as code, nothing gets lost in translation“). Der eigentliche Unterschied ist der MCP-Server: Ein Agent bekommt darüber Lese-Werkzeuge (Auswahl/JSX/Screenshot/berechnete Styles auslesen) und Schreib-Werkzeuge (Artboards anlegen, HTML schreiben, Text/Styles setzen, Ebenen umbenennen/duplizieren) – laut unabhängigen Reviews rund zwei Dutzend Tools, deutlich mehr als Figmas MCP-Angebot.

Damit kann ein Agent in Claude Code oder Cursor die Fläche zweiseitig bedienen: Design-Tokens aus der Codebasis in den Canvas synchronisieren, UI-Frames mit echten API-Daten füllen, einen Entwurf nach React/Tailwind übersetzen und ins Repo committen oder responsive Varianten über Breakpoints erzeugen – alles per natürlicher Sprache. Verfügbar als Desktop-App (Mac/Windows) und im Web; unterstützte Agenten u. a. Claude Code, Cursor, Copilot, Cline, Continue, Windsurf. Preis-Rahmen (unabhängige Reviews): Free-Tier 100 MCP-Aufrufe/Woche, Pro 20 $/Monat; das Produkt steht noch in offener Alpha, APIs können sich ändern.

Wofür es gut ist

  • Einem Coding-Agenten eine Design-Fläche geben, die er selbst lesen UND beschreiben kann (MCP)
  • Design-Tokens/Code und Canvas ohne Handoff-Bruch synchron halten (HTML/CSS statt SVG)
  • Grafiken, Präsentationen und Landing-Pages per Prompt statt per Maus iterieren

Stärken

  • Agenten-nativer MCP-Server (Lese- + Schreib-Werkzeuge) – der Agent bedient den Canvas selbst, nicht nur ein Export
  • Canvas ist echtes HTML/CSS: kein SVG-Übersetzungsschritt, Ausgabe ist direkt Web-Code
  • Breite Agenten-Unterstützung (Claude Code, Cursor, Copilot, Cline, Continue, Windsurf)

Schwächen

  • Offene Alpha – APIs/Features in Bewegung, für strikte Produktionsabgaben zu früh
  • MCP-Aufrufe sind kontingentiert (Free ~100/Woche); komplexe Agenten-Läufe brauchen den Pro-Tarif
  • Preise/Limits aus unabhängigen Reviews, nicht aus einer offiziellen Preisseite belegt

Im Vergleich

Wofür dieses Werkzeug die bessere Wahl ist – und wann ein direkter Konkurrent.

  • Wo Figma Make aus einem Prompt Prototypen samt Code erzeugt (Design → Code, einseitig), ist Paper auf zweiseitige Agenten-Kontrolle ausgelegt: Der Agent liest den Canvas und schreibt zurück – Design-Fläche als MCP-Werkzeug statt als Generator.

Stimmen aus der Community

Subjektive Einschätzungen Dritter – keine belegten Fakten, jeweils verlinkt.

Direkt ausprobieren

paper.design

Zur offiziellen Seite ↗

ℹ️ Über den Design-/Vibe-Coding-Kanal Riley Brown (C36, Tier C) aufgekommen; Existenz/Funktionsweise an paper.design (Tier A) + unabhängigen Reviews (SFAI Labs, banani, Tier B/C) geprüft, nicht am Video. HTML/CSS-Canvas + MCP-Server (~24 Tools) + Agenten-Liste an der Primärquelle belegt; Preise (Free 100 MCP-Calls/Woche, Pro 20 $/Mon) und „open alpha“ stammen aus unabhängigen Reviews – vor Zitat an der offiziellen Preisseite gegenprüfen.

Verwandte Werkzeuge

Frontend & Designv0KI-Generator von Vercel, der aus einer Beschreibung Oberflächen und Web-Apps baut.Frontend & DesignLovableKI-App-Builder: per Chat – auch aus einem Screenshot – komplette Web-Apps bauen.Frontend & DesignBoltKI-Web-Builder von StackBlitz – baut im Browser, importiert Design-Systeme aus Figma.