LinkLunagraphTool
Die Lücke zwischen Design-Tools und echten Softwarekomponenten führt oft zu doppeltem Aufwand und Abweichungen in der Implementierung. Lunagraph schließt diese Kluft, indem es echte React-Komponenten und Design-Systeme auf der Canvas nutzt und KI-Agenten nahtlos in den Entwurfsprozess einbindet.
Lunagraph positioniert sich gezielt für die Rolle des Design Engineer. Anstatt Vektoren zu zeichnen, die später interpretiert werden müssen, arbeitet das Tool direkt mit Props, States und JSX. Die Nutzung offener Standards wie MCP erlaubt es Entwicklern und Designern, ihre gewohnten Coding-Assistenten und Repository-Strukturen nahtlos weiterzuverwenden, was den Übergang vom Prototyping zum produktiven Code erheblich beschleunigt.
Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 1. Oktober 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.
Inhaltlich ähnlich, ermittelt über die KI-Suche.
Link:Loora
Loora ist ein Canvas-basiertes UI-Design-Tool, das über das Model Context Protocol (MCP) direkt von KI-Coding-Agents wie Claude, Cursor oder Codex bearbeitet werden kann. Die Dokumente basieren auf strukturierten, typisierten Daten mit Branching und Versionsverwaltung statt auf reinem Code-Text.
Repository:lassejlv/loora
Loora ist ein Open-Source-Design-Tool auf Canvas-Basis, das menschlichen Designern und KI-Agenten die gemeinsame Arbeit an strukturierten UI-Knoten ermöglicht. Über das Model Context Protocol (MCP) können Coding-Assistenten wie Claude, Cursor, Codex oder opencode direkt dasselbe Dokument bearbeiten.
136SterneTypeScript
Link:Relume
Relume bindet seine Komponentenbibliothek über das Model Context Protocol (MCP) direkt in KI-gestützte Editoren ein. Entwickler können Abschnitte per Prompt suchen und echten, editierbaren React-Code samt Design-System-Primitiven in ihr Projekt laden.
Artikel:Anthropic
Anthropic Labs hat Claude Design angekündigt, ein neues Werkzeug zur gemeinsamen Erstellung von Benutzeroberflächen, Prototypen, Präsentationen und Marketingmaterialien. Das Tool basiert auf dem Vision-Modell Claude Opus 4.7 und richtet sich an Designer, Produktmanager und Marketing-Teams mit Pro-, Max-, Team- oder Enterprise-Abonnements.
Link:Benji Taylor, Dennis Jin, Alex Vanderzon
Agentation wandelt UI-Annotationen im Browser in strukturierten Kontext um, den Coding-Agents wie Claude Code oder Cursor gezielt analysieren und bearbeiten können. Das Tool liefert CSS-Selektoren, Quellpfade, Komponenten-Hierarchien und Stile per Zwischenablage oder via MCP-Schnittstelle.
Link:Josh Puckett, Adam Michela
Graphical ist ein Theme-Builder von Josh Puckett und Adam Michela, mit dem Entwickler und Designer visuelle Themes und Design-Systeme erstellen und an Coding-Agents wie ChatGPT, Claude oder Cursor übergeben können.
Dieser Inhalt wurde teilweise mithilfe von KI erstellt.
