Tools & Skills

插件与 Skills

把设计实践整理成可复用的工作流与工具,在 GitHub 公开分享。

Skills

给 AI 助手的设计与制作工作流,按仓库说明安装后使用。

UI 界面设计

v1.1.0

ui-interface-design

从实际界面迭代中整理的中文 UI 设计工作流,帮助收敛设计方向、统一成套页面,并在真实尺寸下检查细节。

  • 视觉统一
  • 图标与组件
  • 状态补齐
  • 页面关系图

适用于可加载 Skill 的 AI 助手;编辑 Figma 时需另外配置可用的连接工具。

AE 二维动效制作

v1.0.1

ae-motion-production

面向 Codex 的可编辑二维动效制作技能,串联参考拆解、矢量分件、控制器、动作精修与 After Effects 工程交付。

  • 角色与 IP 表情
  • 图标与道具
  • UI 动效
  • 可编辑 AEP 交付

需要支持 Skill 的 Codex 环境;制作与渲染 AEP 时需要可用的 Adobe After Effects。

插件

把 AI 助手与本地设计工具连接起来。

Codex Local Bridge

v0.8.3

codex-local-bridge

连接支持 MCP 的 AI 助手与本地 Figma Desktop,读取页面和选区、编辑原生图层与组件,并导出 PNG 或 SVG。

  • 本地 Figma 连接
  • 可编辑图层
  • 多文件路由
  • PNG / SVG 导出

社区插件 · 需要 Node.js 22+、Figma Desktop 和支持 MCP 的客户端。