Open Pencil icon
Open Pencil icon

Open Pencil

Open-source design editor for vector and interface projects featuring AI-powered generation, .fig and .pen file support, design-to-code export, real-time P2P collaboration, linting, tokens, advanced programmability, Vue SDK, and privacy-friendly operation.

Open Pencil screenshot 1

Cost / License

  • Free
  • Open Source (MIT)

Application types

Platforms

  • Mac
  • Windows
  • Linux
  • Online
  • Homebrew
Open Pencil alternatives  
0likes
0comments
51alternatives
0articles

Features

Properties

  1.  Privacy focused

Features

  1.  No Tracking
  2.  Real time collaboration
  3.  Ad-free
  4.  Support for Layers
  5.  Works Offline
  6.  Create UI Components
  7.  Dark Mode
  8.  Non Destructive Editing
  9.  Auto Layout
  10.  Built-in Color Picker
  11.  UI Design
  12.  Team Collaboration
  13.  Model Context Protocol (MCP) Support
  14.  Pixel Ruler
  15.  Built-in AI Assistant
  16.  Support for Keyboard Shortcuts
  17.  Progressive Web App
  18. Figma icon  Import from Figma
  19.  AI-Powered
  20.  WebRTC

 Tags

Open Pencil News & Activities

Highlights All activities

Recent activities

Open Pencil information

  • Developed by

    Unknown

  • Licensing

    Open Source (MIT) and Free product.

  • Written in

  • Alternatives

    51 alternatives listed

  • Supported Languages

    • English
    • German
    • French
    • Italian
    • Spanish
    • Polish
    • Russian

AlternativeTo Categories

Photos & Graphics, AI Tools & Services, Development, Office & Productivity, Remote Work & Education

GitHub repository

  •  4,298 Stars
  •  368 Forks
  •  46 Open Issues
  •   Updated  
View on GitHub

Popular alternatives

View all
Open Pencil was added to AlternativeTo by DaFray31 on and this page was last updated .
No comments or reviews, maybe you want to be first?

What is Open Pencil?

Open-source design editor. Opens .fig and .pen design files, includes built-in AI, and ships as a programmable toolkit with a headless Vue SDK for building custom editors.

What it does:

  • Opens .fig and .pen files — read and write native Figma files, open Pencil documents, copy & paste nodes between apps
  • AI builds designs — describe what you want in chat, 90+ tools create and modify nodes. Connect OpenRouter, Anthropic, OpenAI, Google AI, Z.ai, MiniMax, or compatible endpoints
  • Fully programmable — headless CLI, XPath queries, Figma Plugin API via eval, MCP server for AI agents, and desktop agent integrations for Claude Code, Codex, and Gemini CLI
  • Lint, convert, and extract tokens — inspect documents, lint naming/layout/accessibility, convert between supported formats, analyze colors/typography/spacing/clusters, and extract design tokens
  • Design-to-code export — export selections as JSX/Tailwind, generate token outputs, and map designs into component-oriented code workflows
  • Vue SDK for custom editors — headless components and composables for embedding OpenPencil into other apps or building workflow-specific editing surfaces. Read the SDK docs ?
  • Real-time collaboration — P2P via WebRTC, no server, no account. Cursors, presence, follow mode
  • Auto layout & CSS Grid — flex and grid layout via Yoga WASM, with gap, padding, alignment, track sizing
  • ~7 MB desktop app — Tauri v2 for macOS, Windows, Linux. Also runs in the browser as a PWA

Official Links

AppStores & Other Links