Pen2Figma
把 pen.dev 设计稿导入 Figma，保留自动布局、组件、变量和主题。
下载插件
Pen2Figma 把 .pen 文件转换成可直接编辑的 Figma 原生图层。我们用 Pen 自己的渲染器逐项校准过转换规则：描边对齐、多边形几何、渐变角度、圆弧方向、主题取值、字间距这些容易出错的细节，都按 Pen 的实际渲染结果处理。完全免费，无需账号，不限数量。
功能
- 自动布局
- 方向、间距、内边距、对齐，以及自适应、填充、固定尺寸和绝对定位子元素。
- 组件与实例
- Pen 的可复用组件转成 Figma 组件，实例保留覆盖（包括嵌套覆盖），图标替换变成实例替换。
- 变量与主题模式
- 每个主题维度（亮、暗等）生成带模式的变量集合，保留变量引用，画板保留各自的主题。
- 组件库
- 把设计稿引用的组件库 .pen 文件一起拖入，会自动关联。
- 样式
- 纯色、线性、径向和角度渐变、图片填充、分边描边、阴影与模糊、圆角、圆弧与矢量。
- 文字
- 按已安装的字体匹配字重；中日韩文字和 Pen 一样回退到 PingFang SC 或 Noto Sans SC。
- 图标
- lucide、Material Symbols、phosphor、feather，与 Pen 使用相同的图标版本。
安装
Pen2Figma 还没有上架 Figma 社区，需要手动导入，并且只能用 Figma 桌面版。
- 下载上面的压缩包并解压。
- 在 Figma 桌面版的菜单里选择 Plugins → Development → Import plugin from manifest…。
- 选择解压出来的
manifest.json，之后就能在 Plugins → Development 里找到 Pen2Figma。
使用方法
- 运行 Pen2Figma，把
.pen文件（以及它用到的组件库.pen文件和图片）拖到 Figma 画布上，也可以在插件里选择文件。 - 选择要导入的画板，开始导入。
- 所有内容都会放在当前页面，汇总里会列出需要留意的事项。
隐私
转换全部在插件内完成，不上传你的文件。网络请求只用于获取图标和设计稿引用的图片。
已知限制
着色器、网格渐变、脚本节点和网页节点在 Figma 里没有对应物，会导入成带明确标记的占位图层。每个集合只允许一种模式的 Figma 套餐，其他主题会写入固定值。
Pen2Figma 由 UISurf 独立开发，与 pen.dev 及 Figma 无关联。
更新记录
- 首个公开版本。
- 支持自动布局、组件与实例（含嵌套覆盖）、带主题模式的变量、组件库、渐变、图片、效果和图标。
- 中日韩字体回退，10 种界面语言，浅色和深色界面跟随 Figma。