关于 Figma Design Automation
这是一个用于自动化 Figma 设计创建的客户端,提供插件和 Python 脚本两种方式操作 Figma 文件。支持通过 MCP 集成连接到 Figma 服务。
主要功能
- 01自动化导航栏创建
- 02组件模板化管理
- 03样式管理
- 04直接文件操作
适用场景
- 01快速生成启动网站组件
- 02自动化设计流程
MCP 相关
通过 MCP Figma 集成提供工具,使客户端能够操作 Figma 文件。
详细介绍
Figma 设计自动化
此仓库包含用于自动化 Figma 设计创建和操作的工具,包括:
- Figma 插件:用于创建启动网站组件的插件
- 直接集成:用于直接 Figma 文件操作的 Python 脚本
- 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
- 从 Figma 设置中获取你的 Figma 访问令牌
- 使用 MCP Figma 集成设置令牌
使用
使用插件
- 在 Figma 中导入插件
- 从插件菜单运行它
- 自定义生成的组件
使用直接集成
python src/direct_figma.py
贡献
- Fork 此仓库
- 创建你的功能分支(
git checkout -b feature/amazing-feature) - 提交你的更改(
git commit -m 'Add some amazing feature') - 推送到分支(
git push origin feature/amazing-feature) - 开启一个 Pull Request
许可证
MIT 许可证 - 详见 LICENSE 文件
评论
支持 Markdown
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。