Flutter Figma Workflow 是一个面向 Flutter 开发的设计到代码工作流技能，核心原则是把 Figma 当作设计证据，而不是直接生成的代码。它要求在动手实现之前，先检查目标节点和 Flutter 项目本身；如果无法访问 Figma，就应请求导出的界面截图或规格说明，或基于已提供的产物开展工作，并明确说明这一限制，绝不能声称检查过自己无法访问的文件。
用途
该技能用于将明确的 Figma 文件、frame、组件或节点翻译为生产级 Flutter 代码，同时保留应用的设计系统并验证渲染一致性。它适合需要把设计稿准确落地到 Flutter 项目、并保证视觉与交互还原度的场景。
主要能力
工作流包含以下环节：
- 确定精确的 frame、变体、断点、状态与平台目标。
- 提取可复用的 token、组件、资源、排版、约束与交互。
- 在创建新的基础组件之前，先把它们映射到现有的 Flutter 主题与组件。
- 实现语义化、约束驱动的 Flutter 结构；不要镜像每一个 Figma 图层，也不要粘贴 CSS 坐标。
- 在参考视口与相关响应式尺寸下渲染确定性的 fixture。
- 对比截图，修正最大的层级与几何差异，然后验证无障碍与交互状态。
此外，它会按需加载设计提取与映射（用于 Dev Mode、tokens、资源或 Code Connect），以及 Flutter 实现与一致性校验（用于布局翻译与视觉验证）。
使用方式
该技能以工作流形式组织，强调先检查、再映射、后实现、最后验证的顺序。它要求保留仓库现有的包、字体、图标、主题与状态管理，除非设计或任务证明需要变更。
适用场景
适用于已有明确 Figma 设计源、需要将其转化为 Flutter 实现并验证渲染一致性的任务。
限制与边界
当源不完整或任务需要新的视觉方向时，应使用 flutter-ui-design。 当没有 Figma 源、只需处理组件结构时，应使用 flutter-ui-patterns。 仅当响应式布局、动画或无障碍等关注点被明确提及时，才额外加载 flutter-responsive-layout、flutter-animation 或 flutter-accessibility。
资料来源提及 Figma Dev Mode、Figma Code Connect 以及 Flutter 自适应与响应式设计。关于该技能的具体安装命令、收费方式、支持平台等事实，资料中暂未提供。