mcpField
F
Figma Design Automation

Figma Design Automation

github.com/aranyak-4002其他484 周前更新

关于 Figma Design Automation

这是一个用于自动化 Figma 设计创建的客户端,提供插件和 Python 脚本两种方式操作 Figma 文件。支持通过 MCP 集成连接到 Figma 服务。

主要功能

  1. 01自动化导航栏创建
  2. 02组件模板化管理
  3. 03样式管理
  4. 04直接文件操作

适用场景

  1. 01快速生成启动网站组件
  2. 02自动化设计流程

MCP 相关

通过 MCP Figma 集成提供工具,使客户端能够操作 Figma 文件。

详细介绍

Figma 设计自动化

此仓库包含用于自动化 Figma 设计创建和操作的工具,包括:

  1. Figma 插件:用于创建启动网站组件的插件
  2. 直接集成:用于直接 Figma 文件操作的 Python 脚本
  3. MCP 集成:利用 MCP 的 Figma 集成的工具

功能特性

  • 自动化导航栏创建
  • 组件模板化
  • 样式管理
  • 直接文件操作

设置

插件设置
cd figma-plugin
npm install
npm run build
Python 设置
cd figma-agent
python -m venv venv
source venv/bin/activate  # or `venv\Scripts\activate` on Windows
pip install -r requirements.txt
配置 Figma API
  1. 从 Figma 设置中获取你的 Figma 访问令牌
  2. 使用 MCP Figma 集成设置令牌

使用

使用插件
  1. 在 Figma 中导入插件
  2. 从插件菜单运行它
  3. 自定义生成的组件
使用直接集成
python src/direct_figma.py

贡献

  1. Fork 此仓库
  2. 创建你的功能分支(git checkout -b feature/amazing-feature)
  3. 提交你的更改(git commit -m 'Add some amazing feature')
  4. 推送到分支(git push origin feature/amazing-feature)
  5. 开启一个 Pull Request

许可证

MIT 许可证 - 详见 LICENSE 文件

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。