企业官网建设流程全解析

• 前端
• 桌面应用
• AI 应用
• MCP 服务

本文档（packages/docs/es/reference/figma-compatibility.md）以功能矩阵的形式，逐项对比了 Figma Design 的 158 项核心能力与开源 AI 原生设计编辑器 OpenPencil 的当前实现状态。阅读本文后，你可以快速掌握 OpenPencil 已覆盖的 94 项功能、18 项部分支持与 64 项待实现能力的具体边界，并了解每项能力背后的仓库源码支撑（Kiwi 编解码、CanvasKit 渲染、Yjs 协作、CLI 工具链等），从而准确判断 OpenPencil 是否满足你的迁移、二次开发或插件兼容需求。

一、功能矩阵总览与状态图例

Figma 兼容性是 OpenPencil 设计能力评估的核心指标。官方以「逐功能对照表」的方式维护这份矩阵，每个条目对应 Figma Design 中的一项具体能力，并标注 OpenPencil 的实现程度。表格采用三种状态标识：

• ✅兼容（Supported）——该功能端到端可用；
• 🟡部分支持（Partial）——核心行为已存在，但缺少部分子功能；
• 🔲未实现（Not yet implemented）——当前版本尚无对应能力。

截至文档更新时间2026-03-07，矩阵覆盖158 项Figma 功能条目，其中：

94 项已纳入实现评估 —— 76 项 ✅ 完全支持、18 项 🟡 部分支持、64 项 🔲 尚未实现。

这一统计口径同时体现在 packages/docs/reference/figma-compatibility.md（英文原版）及其西班牙语、法语、意大利语、波兰语、俄语等多语言译本中，各语言版本内容保持一致。

二、界面与导航（Interface & Navigation）

2.1 已完整支持的界面能力

其中标尺与画布交互的实现位于 packages/core/src/canvas/rulers.ts 与 packages/core/src/canvas/ 下的渲染模块，与 Figma 的选区高亮与坐标提示行为保持一致。

2.2 部分支持与待实现项

三、图层与形状（Layers & Shapes）

3.1 基础形状与图层操作

「圆弧工具」所依赖的arcData解析与渲染逻辑分散于 packages/core/src/canvas/strokes.ts、packages/core/src/canvas/fills.ts 及 packages/core/src/canvas/boolean.ts，并能在 SVG 导入/导出（packages/core/src/io/formats/svg/paths.ts）中完整往返。

3.2 部分支持与待实现项

四、矢量工具（Vector Tools）

4.1 矢量编辑现状

「矢量网络」与布尔运算底层实现在 packages/scene-graph/vector-network.ts 与 packages/core/src/canvas/boolean.ts 中，采用与 Figma 一致的网络（半边缘）模型存储。

4.2 待实现项

布尔运算（并集、减去、交集、排除）、平整图层、描边转路径、文本转路径、形状构建器、路径偏移（内缩/外扩）、路径简化，均为 🔲 未实现状态。注意 packages/kiwi/README.md 中的一条关键约束：布尔运算负载使用 Figma 的 Kiwi 枚举名，SceneGraph 层的EXCLUDE是核心层概念，调用底层编解码器前应序列化为 Kiwi 的XOR——这为未来接入布尔运算保留了协议级兼容空间。

五、文本与排版（Text & Typography）

5.1 已实现能力

字体加载的浏览器分支在 packages/core/src/text/fonts.ts 中直接调用queryLocalFonts（类型声明见 packages/core/src/global.d.ts），桌面端则走 font-kit 的 OnceLock 缓存路径，两者共同支撑了「系统字体」这一 ✅ 能力。

5.2 部分支持与待实现项

六、颜色、渐变与图像（Color, Gradients & Images）

6.1 填充体系

渐变与图片填充的实际渲染由 packages/core/src/canvas/fills.ts 与 packages/core/src/canvas/gradients/ 负责，均构建于 CanvasKit 之上。

6.2 部分支持与待实现项

七、效果与属性（Effects & Properties）

7.1 阴影、模糊与描边

阴影实现见 packages/core/src/canvas/shadows.ts，模糊与描边相关逻辑分布在 packages/core/src/canvas/effects.ts 与 packages/core/src/canvas/strokes.ts。

7.2 待实现项

八、自动布局（Auto Layout）

8.1 布局引擎与完整能力

自动布局的引擎层位于 packages/core/src/layout/，以 Yoga WASM 为运行时，Grid 能力通过定制分支扩展出轨道与跨格语义。

8.2 待实现项

九、组件与设计系统（Components & Design Systems）

9.1 组件体系全链路

9.2 部分支持与待实现项

十、原型（Prototyping）

原型相关能力当前整体未实现。英文版矩阵逐项列出了 🔲 状态的功能面，包括：原型连接、触发器（点击/悬停/拖拽等）、动作（导航/叠加/滚动等）、动画与转场、智能动画（Smart Animate）、叠加层（模态/弹层）、滚动与溢出行为、原型流程（命名起始点）、原型变量（条件逻辑）、缓动与弹簧动画、全屏原型演示。西班牙语文档则以一句话概括：连接、触发器、动作、动画、转场、叠加、滚动、流程、条件逻辑、曲线与全屏演示均尚未提供。总之，原型链路是 OpenPencil 与 Figma 差距最大的模块之一，适合用作后续版本规划的观察点。

十一、导入与导出（Import & Export）

11.1 文件格式互操作

Kiwi 是 OpenPencil 与 Figma 二进制互通的基石，其协议定义存放在 packages/kiwi/src/fig/schema/fig.kiwi（5623 行的 schema 源文件，定义NodeChanges、MessageType、NodePhase等枚举与消息结构），编解码实现见 packages/kiwi/src/fig/codec.ts、容器封装见 packages/kiwi/src/fig/container.ts。正如 packages/kiwi/README.md 所描述的，该运行时基于 Evan Wallace 的 Kiwi（MIT License）改编，并保持了「不依赖核心/应用/Vue/CLI/MCP 代码」的纯净边界。完整.fig归档（含图片资源）的解析则由@open-pencil/fig承担，再经@open-pencil/core/io转换为可编辑的 SceneGraph。

11.2 待实现项

十二、插件 API 与脚本（Plugin API & Scripting）

这是 OpenPencil 最具迁移价值的能力之一：已接入 Figma 插件生态的脚本，理论上可以通过eval命令在 OpenPencil 中无头运行。该命令的实现位于 packages/cli/src/commands/eval.ts，CLI 整体入口见 packages/cli/src/index.ts。

十三、协作与开发者模式（Collaboration & Dev Mode）

13.1 已实现能力

实时协作的传输层与 CRDT 同步分别位于 src/app/collab/transport/trystero.ts 与 src/app/collab/yjs-sync.ts，P2P 直连的架构使多人在线不需要中心服务器。CLI 各子命令与文档矩阵一一对应，例如info、tree、find、export、analyze、node、pages、variables分别对应 packages/cli/src/commands/ 下的同名文件；MCP 服务器实现见 packages/mcp/，可通过@open-pencil/mcp接入支持 MCP 的 AI 客户端。

13.2 部分支持与待实现项

十四、Figma Draw

Figma Draw 作为 Figma 中较新的插画工具集，在 OpenPencil 中尚未启动实现。

十五、结论：兼容边界与适用判断

从 158 项对比矩阵可以得出几条务实结论：

1. 核心设计编辑闭环已打通：界面导航、图层形状、矢量网络、文本排版、渐变填充、效果属性、自动布局、组件体系、.fig导入导出等 76 项核心能力完全支持，日常设计稿的创建、编辑与 Figma 文件往返已可端到端工作。
2. 互操作是最大差异化优势：基于 Kiwi 的.fig双向编解码（packages/kiwi/src/fig/）与 Figma 剪贴板互通，加上 90 工具的 MCP 服务器与 9 个子命令的 CLI，使 OpenPencil 既能作为 Figma 的替代编辑器，也能无缝嵌入 AI/自动化工作流。
3. 明确的未覆盖面：原型（Prototyping）、布尔运算、文本高级排版（列表/链接/OpenType/CJK/RTL）、混合模式、样式系统（Styles）、版本历史与 Sketch 导入仍是 🔲 状态；变量、开发者模式等 18 项能力处于「核心可用、细节待补」的部分支持阶段。

如果你正在评估从 Figma 迁移或在其生态上构建工具链，建议先以本矩阵中 ✅ 清单核对你的核心工作流（尤其是.fig往返与插件eval兼容），再针对 🟡 项做小规模验证，最后将 🔲 项列入风险清单。矩阵的持续维护（最近更新于 2026-03-07）也意味着这份兼容边界会随版本迭代不断收窄——值得作为长期跟踪的基准文档。

• 前端
• 桌面应用
• AI 应用
• MCP 服务