OpenPencil
Figma の代替。.fig ファイルを読み書きでき、AI チャットや CLI からデザインを操作できるオープンソースのデザインエディター
オープンソース代替:Figma
サーバーは不要。パソコン(Windows・Mac・Linux) にインストールして、無料で使えます 導入方法を見る ↓
- ARM対応
- 商用利用可
- 日本語UI
OpenPencil は、Figma の .fig ファイルを読み書きできるオープンソースのデザインエディターです。コンポーネント(使い回せる部品)とバリアント(部品の色違い・状態違い)、オートレイアウト(flex と CSS Grid)、変数、図形の結合などを備え、選択した部分を JSX/Tailwind や Storybook、PNG・SVG・PDF・PPTX・HTML などに書き出せます。WebRTC による P2P(サーバーを介さず参加者どうしが直接つながる方式)の共同編集にも対応し、サーバーもアカウントも使わずにリンクを共有して同時に編集できます。README は「開発が活発で、今でも使えるが粗い部分もある」と状態を説明しており、Figma との互換性の差はロードマップに公開されています。
AI 機能は自分の API キーを使う方式です。⌘J で開く AI チャットは100以上のツールで図形・塗り・レイアウト・コンポーネントを操作でき、OpenRouter・Anthropic・OpenAI・Google AI・DeepSeek などのキー(各社の従量課金)を設定して使います。デスクトップ版では Claude Code・Codex・Gemini CLI をチャット欄から直接使え、その場合は各エージェントの契約が前提です。ほかに openpencil コマンド(npm)で .fig を検索・書き出し・一括修正でき、MCP サーバー(AI とアプリをつなぐ共通規格)から AI エージェントに操作させることもできます。画像をベクターに変換する機能は Recraft か fal.ai の API を使います。
Tauri 製の約15MB のデスクトップアプリで、macOS 13 以降・Windows 10 以降・Linux(WebKitGTK 2.40 以降)に対応し、ブラウザ版(app.openpencil.dev)もインストールなしで使えます。GPU は不要です。公式の配布版は1日1回の匿名の通信を送り、利用統計は同意したときだけ送るとされ、止め方はプライバシーのページに書かれています。2026-10-14 時点の最新は v0.16.0 で、リリースは頻繁です。
日本語対応
リポジトリに日本語の翻訳ファイル(packages/vue/src/i18n/locales/ja/ 以下の editor.json・commands.json・ai.json など27ファイル)があります。README とドキュメント(openpencil.dev)は英語です。
※ 日本語の翻訳ファイルの有無はリポジトリを自動で確認しています(翻訳の割合は、ファイルの形式によって計測できないため表示していません)。最終確認:2026/10/21
向いている人・向いていない人
向いている
- Figma の有料シートを増やさずに、.fig ファイルを開いて確認・修正したい
- AI に画面のたたき台を作らせたり、デザインをまとめて修正させたりしたい
- CLI や MCP で、デザインファイルの検査・書き出し・デザイントークン(色・文字サイズなどの共通設定値)の抽出を自動化したい
- アカウントなしで、手元のファイルとして設計データを管理したい
向いていない
- Figma と完全に同じ表示・機能を前提にしている(互換性の差はロードマップで公開されている)
- Figma の Dev Mode・組織管理などのクラウド機能まで置き換えたい
- AI 機能を API 料金なしで使いたい(自分の API キーかエージェントの契約が必要)
- 安定版として長く仕様が変わらないソフトがほしい(開発が活発でリリースが頻繁)
最近の更新
-
リリースノート(原文)
OpenPencil 0.16 adds comments, shared rooms with voice calls and agents you can follow, slots, component properties, and components that behave like real controls in Preview, plus shader fills, a Lint tab, variable modes on layers, a pencil tool, and Vue and React code in the Code tab. `.fig` files open and save much closer to Figma, saving only what an edit changed, and selection, pasting, auto layout, text, and trackpad navigation follow Figma. The desktop app needs macOS 13 or later, and `openpencil-mcp` must be updated together with the app. ### Breaking changes - The desktop app requires macOS 13 or later; the web app supports Chrome 111, Edge 111, Firefox 128, and Safari 16.4 or later. - Shared rooms record the layer tree in a new format, so people on this version and on earli…
-
v0.16.0-beta.3プレリリースリリースノート(原文)
This is a pre-release that lists changes since 0.16.0-beta.2: npm packages are published under the `next` tag, and installed apps on the stable release do not update to it. Linux package managers see `0.16.0-beta.3` as newer than `0.16.0`, so `.deb` and `.rpm` users should remove the beta before installing the final 0.16.0. ### Breaking changes - `computeImageHash` from `@open-pencil/core` and `@open-pencil/scene-graph` returns the hex SHA-1 of the bytes, the name Figma gives an image, instead of an OpenPencil-only hash of the same length. New images are stored under that name, so `.fig` files and the Figma clipboard carry it as it is; images in documents saved before keep their names. ### Added - Drop design token files, `.tokens`, `.tokens.json`, or `.resolver.json`, on the e…
-
v0.16.0-beta.2プレリリースリリースノート(原文)
This is a pre-release that lists changes since 0.16.0-beta.1: npm packages are published under the `next` tag, and installed apps on the stable release do not update to it. Linux package managers see `0.16.0-beta.2` as newer than `0.16.0`, so `.deb` and `.rpm` users should remove the beta before installing the final 0.16.0. ### Breaking changes - `CORNER_ROTATE_ZONE` is removed from `@open-pencil/core/constants`; the selection's resize and rotation zones are `TRANSFORM_ZONE` and `transformZoneAt` in `@open-pencil/core/geometry`, which also owns the `HandlePosition` and `CornerPosition` types. - In scripts, a text node's `textCase`, `textStyleId`, and `fillStyleId` now also read `figma.mixed` while its characters differ, as in Figma, instead of the text's own value, and setting one r…
導入方法(インストール)
macOS(Apple シリコン/Intel の dmg、Homebrew の brew install --cask openpencil)、Windows(x64・arm64 の exe と msi)、Linux(AppImage・deb・rpm)用が GitHub の Releases で配布され、各ファイルの署名(.sig)と SHA256SUMS が添付されています。Mac で警告が出るかどうかは確認できていません。ブラウザ版はインストール不要です。
- 公式の配布元からダウンロード ― GitHub の Releasesから、使っているOSに合うファイルを選びます。名前の似た非公式の配布ページに注意してください
- インストールして起動 ― 詳しくは公式ドキュメントを参照してください
Figma と比べていくら安くなる?
| 人数 | Figma(年額) | OpenPencil(年額) | 差額 |
|---|---|---|---|
| 1人 | 21,600円 | 0円 | −21,600円 |
| 5人 | 108,000円 | 0円 | −108,000円 |
| 10人 | 216,000円 | 0円 | −216,000円 |
| 30人 | 648,000円 | 0円 | −648,000円 |
※ Figma は 月額 約1,800円/人〜(目安)、OpenPencil は無料のソフトとして試算。パソコン本体の費用と、機能の違いによる手間は含みません。
AI・LLMの他のOSSと比較
| ソフト | ★ Stars | 最終更新 | 日本語UI | 必要RAM | 難易度 | ライセンス |
|---|---|---|---|---|---|---|
| OpenPencil(このページ) | 9,167 | 2日前 | あり | パソコン(Windows・Mac・Linux) | かんたん | MIT |
| OpenClaw | 392,681 | 1日前 | あり | パソコン(Windows・Mac・Linux) | ふつう | MIT |
| Hermes Agent | 255,836 | 1日前 | 100% | パソコン(Windows・Mac・Linux) | ふつう | MIT |
| Ollama | 184,319 | 11時間前 | 未検出 | 8GB | かんたん | MIT |
よくある質問
OpenPencil は無料ですか?
MIT ライセンスで無料です。AI チャットを使う場合は、OpenRouter・Anthropic・OpenAI などの API 利用料が別にかかります。Claude Code などのエージェントを使う場合は、その契約が前提です。
日本語で使えますか?
リポジトリに日本語の翻訳ファイル(packages/vue/src/i18n/locales/ja/)があり、画面を日本語で表示できます。ドキュメントは英語です。
Figma のファイルを開けますか?
.fig ファイルを読み書きでき、アプリ間でノードのコピー&ペーストもできます。ただし Figma のすべての機能を再現しているわけではなく、README も「粗い部分もある」と書いています。大事なファイルはコピーで試してください。
AI エージェントに操作させても大丈夫ですか?
MCP サーバーや CLI はファイルを書き換えられます。README は OPENPENCIL_MCP_ROOT で触れるフォルダを1つに限定する方法を案内しています。対象フォルダを絞り、変更は undo できることを確認しながら使ってください。
共同編集にサーバーは必要ですか?
不要です。WebRTC で参加者どうしが直接つながる仕組みで、共有リンクを送ると同時に編集できます。