欢迎来到 Figma 插件社区！在这里，你可以找到丰富的插件资源，帮助你更高效地使用 Figma 进行设计。

快速开始

  1. 创建插件项目：首先，你需要在 Figma 中创建一个新的插件项目。
  2. 编写代码：使用 JavaScript 或 TypeScript 编写你的插件代码。
  3. 测试和部署：在 Figma 中测试你的插件，并部署到 Figma 插件市场。

示例插件

以下是一个简单的插件示例，它会在画布上添加一个圆形：

figma.showUI(__html__, { width: 240, height: 100 });

figma.ui.onmessage = msg => {
  if (msg.type === 'create-circle') {
    const rect = figma.createRectangle();
    rect.fills = [{ type: 'SOLID', color: { r: 1, g: 0, b: 0 } }];
    rect.x = 100;
    rect.y = 100;
    figma.currentPage.appendChild(rect);
    figma.viewport.scrollAndZoomIntoView([rect]);
  }
};

扩展阅读

想要了解更多关于 Figma 插件的信息？请访问我们的插件开发文档。

图片示例

下面是一个 Figma 插件界面截图：

Figma Plugin Screenshot