Loora: Canvas-Design-Tool mit nativer MCP-Integration für Coding-Agents

LinkLooraTool

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.

Das Wichtigste

  1. Verbindung via MCP: Externe Agents (z. B. Claude Code, Cursor, Codex, Zed, Windsurf) steuern die Canvas-Elemente über dieselben typisierten Transaktionen wie menschliche Nutzer.
  2. Strukturierte Nodes: Elemente, Layouts, Typografie und Farben sind als adressierbare Datenpunkte hinterlegt, was gezielte Teiländerungen ohne Neugenerierung kompletter Dateien erlaubt.
  3. Git-ähnliche Workflows: Unterstützung für Branches, Diff-Vergleiche, Merges und Commit-Historien direkt im Design-Dokument.
  4. Einweg-Export: Exportiert Designs deterministisch nach HTML/CSS, React (TSX/JSX), Tailwind-Utilities, JSON oder PNG; Import von HTML/CSS-Snapshots ist ebenfalls möglich.
  5. Preise: Kostenlose Basisversion (50 Dateien, 100 Agent-Calls/Woche); Pro-Tarif für 20 US-Dollar pro Monat mit unbegrenzten Dateien, Branches und 1 Million Calls.

Warum das relevant ist

Klassische KI-Code-Generatoren erzeugen oft ganze Code-Dateien neu, wodurch Layout-Details verloren gehen oder Konflikte entstehen. Durch adressierbare UI-Nodes und MCP ermöglicht Loora ein kollaboratives Arbeiten zwischen Mensch und KI auf einer gemeinsamen visuellen Datenbasis.

Einordnung

Loora positioniert sich an der Schnittstelle zwischen Figma und generativen UI-Tools wie v0. Anstatt einen internen Chatbot zu integrieren, nutzt das Tool standardisierte MCP-Schnittstellen für bestehende Entwickler-Tools ('Bring your own Agent'). Dies minimiert Reibungsverluste im Arbeitsablauf von Entwicklern, beschränkt sich beim Code-Workflow jedoch konsequent auf einen deterministischen One-Way-Export.

Erwähnte Links

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Ähnliche Einträge

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Repository:lassejlv/loora

    Loora: Ein kollaboratives Canvas-Design-Tool für KI-Agenten über MCP

    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

    KI & AI· Tool

  • X-Post:Lasse

    Loora: Open-Source-Designtool für KI-Agenten

    Entwickler Lasse hat Loora vorgestellt, ein quelloffenes Designtool, das für die Steuerung durch KI-Agenten konzipiert ist. Die Anwendung lässt sich selbst hosten und bietet Versionskontrolle sowie Code-Export.

    401Lesezeichen19.080Aufrufe

    KI & AI· Ankündigung

  • Link:Lunagraph

    Lunagraph: Visuelle Design-Canvas mit nativer React-Code-Generierung und MCP-Integration

    Lunagraph ist ein visuelles Design-Tool für Design Engineers, das Layouts, Komponenten-Zustände und Interaktionen direkt in lauffähigen React-Code übersetzt. Die Plattform integriert externe KI-Coding-Agenten wie Claude Code, Codex oder Cursor via MCP und ermöglicht das Arbeiten mit bestehenden Code-Komponenten direkt auf der Canvas.

    KI & AI· Tool

  • Link:paper.design

    Paper: Designtool mit nativer Agenten- und MCP-Anbindung

    Paper stellt eine Design-Canvas-Plattform vor, die auf Webstandards (HTML/CSS) basiert und sich über das Model Context Protocol (MCP) direkt mit KI-Agenten, Repositories und echten Datenquellen synchronisiert.

    KI & AI· Tool

Zurück zur Wissensbasis

Sprechen wir über Ihr Projekt.

Kontakt

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Ein Teil von diesem Inhalt wurde mit KI gemacht.