SuperAPI AI 工具集

figma-plugin

设计与创作

查看项目

更新于 10-15 20:06

技能介绍

用途:面向构建 Figma 插件、设计自动化工具、实现沙箱与 UI 通信,以及使用 Figma Plugin API 操作节点的场景。

主要能力:资料说明 Figma 插件运行在两个线程,通过 postMessage 通信。主线程(沙箱)可访问 Plugin API、操作节点、调用 figma.*;UI 线程(iframe)承载 HTML/CSS/JS 界面,不能访问 Figma API,但可使用 npm 包。核心原则是主线程负责文档操作,UI 线程负责界面与外部 API,通过 figma.ui.postMessage() 与 onmessage 通信,并须注意性能、避免阻塞主线程。

使用方式:快速上手清单包括:用 manifest.json(name、id、main、ui)搭建项目;编写主线程代码 code.ts;编写界面 ui.html;接通 postMessage 通信;在 Figma 开发模式下测试;通过 Figma Community 发布。

参考文档覆盖:项目结构与构建(manifest、TypeScript、构建配置);开发测试与发布;API 全局对象与节点、组件;绘制、效果、自动布局、样式、变量、事件;UI 架构与消息(iframe、postMessage、类型化消息、纯 HTML);React 与主题(hooks、Figma 主题色);UI 模式与资源(加载态、标签页、取色器、文件下载);选择、遍历与批处理;颜色与文本;布局、存储与工具函数。

限制:资料未提供具体代码示例细节、版本要求、安装命令、收费或价格信息,均暂未提供。