Skip to content
AppClap
OpenPencil is unclaimed —
O

OpenPencil

Opens Figma files. Built-in AI. Fully programmable.·openpencil.dev

Visit

OpenPencil is an open-source, AI-native design editor that opens Figma .fig files and provides built-in AI chat tools for design tasks. It is also a programmable toolkit, offering a headless CLI, an MCP server, a Figma Plugin API via eval, and a Vue SDK for building custom editor shells. It runs as a lightweight desktop app or a web app, requiring no account, server, or internet connection, and supports peer-to-peer real-time collaboration via WebRTC.

What it's for

Open and edit .fig files nativelyCopy and paste designs between Figma and OpenPencilInspect, export, and analyze .fig files via headless CLIExport designs to Tailwind CSSProduce JSON output for CI and automation pipelinesBuild custom design editors using the Vue SDKEmbed OpenPencil into other productsUse built-in AI chat with tools to create shapes, set styles, manage layout, and analyze tokensConnect to AI assistants like Claude Code, Cursor, and Windsurf via MCP serverReal-time collaborative editing with live cursors and follow mode

Features 19

  • Auto layout (flex and grid) with alignment and CSS Grid tracks
  • Built-in AI chat with 90 tools for creating shapes, setting styles, managing layout, and analyzing tokens
  • Components, instances, component sets, overrides, and live sync
  • Copy and paste between Figma and OpenPencil
  • Design variables, collections, modes, and fill bindings
  • Embeddable editor for other products
  • Figma Plugin API via eval
  • Headless CLI to inspect, export, and analyze .fig files
  • JSON output for CI and automation
  • Kiwi binary codec with round-trip fidelity
  • MCP server for Claude Code, Cursor, Windsurf
  • Open source MIT-licensed editor, engine, file codec, and CLI
  • Opens .fig files natively
  • Pen tool for vector paths with bezier curves
  • Real-time peer-to-peer collaboration via WebRTC with live cursors and follow mode
  • Runs locally with no account, server, or internet required
  • Tailwind CSS export
  • Vue SDK for building custom editor shells
  • ~7 MB desktop app distributed via Homebrew

At a glance

free tieropen sourceself-hostableAPI
TypeWeb app
DeploymentHybrid
PlatformsWeb
LanguagesEnglish, Deutsch, Italiano, Français, Español, Polski, Русский
Fordevelopers, designers

Integrations

FigmaClaude CodeCursorWindsurf
Last checked 24 days ago·