# OpenPencil

AI 原生設計編輯器，可直接開啟 Figma 檔案，提供可程式設計工具鏈並匯出 JSX 與 Tailwind。

HTML: https://softbests.com/zh-hant/software/openpencil
Markdown: https://softbests.com/zh-hant/software/openpencil.md
Website: https://openpencil.dev

- 欄目: [設計與原型](https://softbests.com/zh-hant/category/design-prototyping)
- 定價: 開源
- 平台: macOS, Windows, Linux, 網頁
- 被低估

## 適合誰

希望使用開放、可指令碼化、能由智慧體驅動的設計工具的設計師與設計工程師。

## 為什麼值得關注

OpenPencil 可讀寫 .fig 與 .pen 檔案，現有 Figma 作品能直接帶過來。它的 AI 對話呼叫 100 多個工具、用你自己的模型金鑰建立和修改節點；無頭 CLI、MCP 伺服器、Figma 外掛 API 與 Vue SDK 讓編輯器可程式設計。它還能檢查佈局、提取設計 token，並把選區匯出為 JSX 或 Tailwind。專案採用 MIT 許可、免費、跨平臺，GitHub 約 9500 星且每日提交。它仍在活躍開發、存在粗糙之處，官方構建預設每天寄送一次匿名 ping（可關閉）。

## 可替代誰

- [Figma](https://softbests.com/zh-hant/software/figma)
- [Penpot](https://softbests.com/zh-hant/software/penpot)

## 相關與平替

- [desigma](https://softbests.com/zh-hant/software/desigma)
- [Framer](https://softbests.com/zh-hant/software/framer)