为什么选Figma
Figma相比传统设计工具（Photoshop/Sketch）的核心优势：基于浏览器——任何人只要有链接就能查看和评论设计稿，不需要安装任何软件。实时协作——多人可以同时在同一个文件中工作，看到彼此的光标和改动。自动备份——所有修改历史都有记录，不怕误删。开发者友好——可以直接复制CSS代码/导出资源/查看标注信息。
对于邢台的中小企业来说还有一个重要优势：免费版就已经足够大多数项目使用（最多3个编辑者/无限查看者）。
设计师的工作流
文件组织：建议按项目建立Team（如"邢台-XX公司官网"），下面分文件夹（01-调研/02-原型/03-视觉/04-交付）。命名规范统一（如"Home-Hero-Section-v2.1"）。
组件化设计：把重复使用的元素做成Component（按钮/卡片/导航/表单）。修改Component的定义，所有引用处自动更新。这是Figma最强大的功能之一。
Auto Layout：学会用Auto Layout来做自适应布局。设置好约束后，内容增减时容器自动调整大小。这对做响应式设计特别有用。
Variants：用Variants管理同一个组件的不同状态（按钮的Default/Hover/Pressed/Disabled四种状态做成一个Component的4个Variant）。切换方便且不占用太多图层面板空间。
开发者的工作流
查看设计稿：通过浏览器打开Figma链接即可查看最新版设计稿。不需要找设计师要PNG截图了。
获取标注信息：选中任意元素右侧面板会显示它的精确尺寸/间距/颜色/字体/圆角等信息。比传统的设计标注文档更准确也更及时（设计改了这里自动更新）。
复制CSS代码：右键元素→Copy → Copy as CSS，可以直接拿到对应的CSS代码片段。虽然不一定能100%直接用（可能需要根据项目的技术栈调整），但大大减少了手工翻译的时间。
导出资源：图片/图标直接在Figma中导出（支持PNG/SVG/PDF等格式）。不用担心设计师忘记切图或者给错了版本。
协作规范建议
建立命名约定（全员遵守）、使用Dev Mode（Figma专门为开发者优化的视图模式）、设计评审会议（关键页面开发前一起过一遍）、变更通知机制（设计有重大修改时@相关开发者）。