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: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

  • Link:Benji Taylor, Dennis Jin, Alex Vanderzon

    Agentation: Visuelles Feedback direkt für KI-Coding-Agents aufbereiten

    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.

    KI & AI· Tool

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

Standorte

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

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.