HN Showcase
Back to browse
GitHub Repository

The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.

3,331 starsTypeScript

OpenPencil - Open-source vector design tool controlled by AI Agents

by finiking·Feb 28, 2026·2 points·2 comments
Visit ProjectView on HN

AI Analysis

●●●BangerZero to OneWizardryBig Brain

Design-as-Code meets agentic workflows—MCP integration makes Figma's API look clunky.

Strengths
  • •MCP server architecture genuinely enables AI agents to edit designs without GUI—solves real agentic design gap
  • •JSON format with Git diffs/commits is a real unlock for design version control vs proprietary formats
  • •Desktop + web + AI assistant all in one open-source package eliminates vendor lock-in for serious teams
Weaknesses
  • •Early stage (MVP signals in repo); feature parity with Figma/Sketch will take years
  • •Requires designer familiarity with both JSON and AI tooling—niche intersection of skills
Category
Design
Target Audience

Designers using AI agents, developers building design systems, teams wanting Git-friendly design files

Similar To

Figma · Sketch · Penpot

Post Description

Hey! I'm the creator of OpenPencil, and I'm super excited to share it with you today. We are entering the era of AI Agents, but our design tools are still stuck in the GUI era. We are constantly downloading "final_v9.fig" and manually clicking to tweak UI elements. I wanted to change that.

OpenPencil isn't just another design tool with a magic AI button. It is structurally built for AI.

Here is why it's different:

Agentic Design (MCP Server): You can connect Claude, Cursor, or any MCP-compatible agent directly to your design. Tell your AI IDE to "update the login screen to match the new dark mode theme," and it modifies the design file without you ever touching a mouse.

Design-as-Code: The .op format is pure JSON. Finally, you can Git commit, diff, and PR your design files just like your codebase.

100% Open Source (MIT): No subscriptions, no vendor lock-in. Build on top of it, fork it, make it yours.

I built this because I believe the future of design is Human creativity + Agent execution.

I'd love your feedback! Drop your questions below, and let me know what features you want to see next!

Similar Projects

Design●●Solid

OpenPencil – An open-source, AI-native vector design tool

Figma alternative with Design-as-Code, but Excalidraw and Penpot already own this space.

Eye CandyShip It
finiking
103mo ago