Loora: A Collaborative Canvas Design Tool for AI Agents via MCP

Repositorylassejlv/looraTool

Loora is an open-source canvas design application designed to allow human users and AI agents to work on structured UI nodes together. Connected via the Model Context Protocol (MCP), agents like Claude, Cursor, Codex, or opencode can edit the same document simultaneously.

Key points

  1. Agent integration: Connects AI coding assistants including Claude, Codex, Cursor, and opencode over MCP to work on the shared canvas.
  2. Version control and exports: Supports branches, document version history, and one-way export to HTML, React/TSX, JSON, and PNG.
  3. Full-stack architecture: Built with Bun, TanStack Start, Drizzle ORM, Neon, Better Auth, Polar, and oRPC.
  4. Cross-platform monorepo: Features a web app, Cloudflare Workers for MCP transport and real-time WebSockets, and a Tauri desktop wrapper.
  5. Agent design guide: Provides an installable agent skill via 'npx skills' to train assistants on using canvas tools effectively.
  6. Open-source licensing: Distributed under the GNU Affero General Public License v3.0 (AGPL-3.0).

Why it matters

Traditional design software is rarely optimized for direct programmatic manipulation by LLM agents. Loora addresses this by establishing structured UI canvas primitives that assistants can manipulate via MCP, enabling direct human-agent collaboration and straightforward code export to React or HTML.

Analysis

Loora targets developers and product designers seeking tight integration between visual prototyping and AI assistance. By combining structured canvas primitives with MCP tooling, it allows agents to inspect and modify UI components directly rather than relying on loose prompts or static screenshots. The codebase demonstrates a comprehensive monorepo structure spanning desktop (Tauri), web, and edge workers (Cloudflare). With around 136 stars and 14 forks, it represents an active emerging open-source project showing clear architectural intent.

Found in

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Similar in content, found by the AI search.

  • Link:Loora

    Loora: Canvas Design Tool with Native MCP Integration for AI Agents

    Loora is an infinite-canvas UI design tool equipped with a built-in MCP server, allowing external coding agents like Claude, Cursor, or Codex to manipulate the design file concurrently. Structured UI nodes replace full-file code generation, offering branching and granular version history.

    AI & LLMs· Tool

  • X post:Lasse

    Loora: Open-source design tool built for AI agents

    Developer Lasse has introduced Loora, an open-source design tool designed to give AI agents full control. The software can be self-hosted and includes version control and code export features.

    401bookmarks19.1kviews

    AI & LLMs· Announcement

  • Repository:open-pencil/open-pencil

    OpenPencil: Open-Source Design Editor as an AI-Native Figma Alternative

    OpenPencil is an open-source, programmable design editor licensed under MIT that natively handles Figma (.fig) and Pencil (.pen) files. Beyond core UI design workflows like components and variants, it features deep AI integration, CLI automation, and design-to-code export pipelines.

    9.1kstarsTypeScript

    AI & LLMs· Tool

  • Repository:superdesigndev/superdesign

    SuperDesign: AI Agent for UI Design in IDEs and Coding Assistants

    SuperDesign is an AI product design tool that generates UI mockups, wireframes, and code components directly from natural language prompts inside IDEs such as VS Code, Cursor, and Windsurf. While the original open-source extension repository is archived, the tool now operates primarily as a web canvas application with coding agent integration.

    7.3kstarsTypeScript

    AI & LLMs· Tool

  • X post:0xMarioNawfal

    Open-source repositories to upgrade UI design in AI coding agents

    An X post highlights open-source repositories designed to equip AI coding tools like Claude Code, Cursor, and Codex with design systems, MCP integrations, and anti-template guardrails.

    6.5kbookmarks264.2kviews

    AI & LLMs· Resource

  • Link:Powerformer, Inc.

    OpenDesign: Local Open-Source Alternative to Claude Design

    OpenDesign is an open-source, local-first AI design workspace released under the Apache-2.0 licence, positioned as an alternative to proprietary cloud platforms like Claude Design. It connects existing local coding agents into a structured design engine for generating prototypes, dashboards, slides, and HTML video.

    AI & LLMs· Tool

Let's talk about your project

Locations

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

Parts of this content were created with the assistance of AI.