Alle Depeschen

DepescheWerkzeugeneu

Paper: der „agenten-native“ Design-Canvas, den Claude Code über MCP selbst bedient

Mit Paper (paper.design) etabliert sich ein Design-Werkzeug, das anders als Figma nicht auf ein proprietäres SVG-Format setzt, sondern auf echtes HTML/CSS – und dessen eigentlicher Unterschied ein MCP-Server ist: Ein Coding-Agent wie Claude Code oder Cursor kann die Fläche darüber zweiseitig lesen und beschreiben (laut unabhängigen Reviews rund zwei Dutzend Lese-/Schreib-Werkzeuge, deutlich mehr als Figmas MCP-Angebot). Statt „Design exportieren und übergeben“ synchronisiert der Agent Design-Tokens aus der Codebasis, füllt Frames mit echten API-Daten oder übersetzt einen Entwurf nach React/Tailwind – alles per Prompt. Das Produkt steht noch in offener Alpha.

Der Kern ist die Wahl des Fundaments: Was auf Papers Fläche steht, ist echtes HTML/CSS statt eines SVG-Zwischenformats – „your design exports as code, nothing gets lost in translation“. Darauf setzt ein MCP-Server auf, der einem Agenten Lese-Werkzeuge (Auswahl, JSX, Screenshot, berechnete Styles auslesen) und Schreib-Werkzeuge (Artboards anlegen, HTML schreiben, Text/Styles setzen, Ebenen umbenennen, duplizieren, löschen) gibt. Unabhängige Reviews beziffern das auf rund 24 Tools – spürbar mehr als Figmas MCP-Oberfläche.

Praktisch heißt das: Ein Agent in Claude Code oder Cursor kann 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 – zweiseitig, weil der Agent die Fläche nicht nur befüllt, sondern auch ausliest. Verfügbar ist Paper als Desktop-App (Mac/Windows) und im Web; als anbindbare Agenten nennt die Seite u. a. Claude Code, Cursor, Copilot, Cline, Continue und Windsurf.

Einordnung: Aufgekommen ist das Werkzeug über einen Praxis-Workflow des Design-Creators Riley Brown (Tier C), der Claude Code mit Fable 5 über den Paper-MCP-Server Thumbnails, Instagram-Grafiken, eine Präsentation und eine auf Vercel deployte Landing-Page bauen ließ („I don’t open paper anymore. Claude does.“). Geprüft wurden Existenz und Funktionsweise jedoch an paper.design und unabhängigen Reviews, nicht am Video. Zur Vorsicht: Das Produkt ist in offener Alpha (APIs können sich ändern), die MCP-Aufrufe sind im Free-Tier kontingentiert, und die kursierenden Preise/Limits sind Review-Angaben – für strikt kundenfähige Produktionsarbeit ist es damit noch früh.