用途:用于构建扩展 Figma 功能的插件,实现设计自动化工具,并处理沙箱与 UI 之间的通信,以及使用 Figma Plugin API 操作节点。
主要能力:资料覆盖插件架构与开发要点。Figma 插件运行在两个线程并通过 postMessage 通信:主线程(沙箱)可访问 Plugin API、操作节点、调用 figma.*;UI 线程(iframe)承载 HTML/CSS/JS 界面,不能访问 Figma API,但可使用 npm 包。核心原则是主线程负责所有 Figma 文档操作,UI 线程负责界面与外部 API,两者通过 figma.ui.postMessage() 与 onmessage 通信,并需注意性能、避免阻塞主线程。
使用方式:快速上手清单包括用 manifest.json(name、id、main、ui)建立项目,编写主线程代码 code.ts 实现插件逻辑,创建 ui.html 界面,接通两线程的 postMessage 通信,在 Figma 开发模式下测试,并通过 Figma Community 发布。
参考文档涵盖:项目结构与构建(manifest、TypeScript 配置、构建配置);开发测试与发布(开发流程、测试、发布、排错);API 全局对象与节点(全局对象、节点类型、组件);渲染与进阶(paint、effect、auto layout、样式、变量、事件);UI 架构与消息(iframe UI、postMessage、类型化消息、纯 HTML);React 与主题(React 配置、hooks、Figma 主题色);UI 模式与资源(加载状态、标签页、取色器、文件下载);选择遍历与批处理;颜色与文本(颜色转换、操作、文本操作);布局存储与工具(定位、对齐、存储、错误处理、工具函数)。
适用场景:需要开发 Figma 插件、做设计自动化、实现沙箱与 UI 通信或调用 Plugin API 操作节点的场景。
限制:资料未提供具体收费、价格、平台支持范围或效果数据,暂未提供。