SuperAPI AI 工具集

figma-plugin

设计与创作

查看项目

更新于 10-15 17:25

技能介绍

用途:用于构建 Figma 插件、设计自动化工具,以及使用 Figma Plugin API 操作节点。

主要能力:讲解插件架构——插件运行于两个线程并通过 postMessage 通信;主线程(sandbox)可访问 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(ui.html);连接两线程的 postMessage 通信;在 Figma 开发模式下测试;通过 Figma Community 发布。

适用场景:设计自动化、节点批量操作与遍历、样式与变量处理、颜色与文本操作、布局与存储工具,以及 React 界面与主题、加载状态、标签页、取色器、文件下载等 UI 模式。

参考文档包括:项目结构与构建、开发测试发布、API 全局对象与节点、API 渲染与高级特性、UI 架构与消息、UI React 与主题、UI 模式与资源、选择遍历与批处理、颜色与文本、布局存储与工具。具体命令、配置示例和代码内容暂未提供。