设计稿交付不是发个文件就完事
新乡经开区有家做汽车零部件的企业，找外包做了APP设计稿，设计师扔了个Figma链接过来就不管了。开发打开一看：没有切图、没有标注、字体没说明、交互逻辑全靠猜。结果开发周期从计划的6周拖到11周，多花了将近8万块。设计到开发的交接，是APP项目里最容易出问题的环节。没有之一。
这个环节做不好，设计觉得开发没还原好，开发觉得设计没交代清楚，互相甩锅。下面说清楚交接到底该交什么、怎么交。
第一步：设计稿标注必须完整
每个页面的标注要包含这几样东西：文字内容、字号、字重、行高、颜色Hex值。间距标注到像素，包括元素之间的margin和padding。圆角、阴影、边框这些属性全部写明数值，不能只给视觉参考。
用Figma的话，标注可以靠Dev Mode自动生成，开发能看到每个元素的CSS代码片段。但设计师得手动检查一遍——自动标注有时候会漏掉交互状态，比如按钮点击态、输入框报错态这些。我们给新乡高新区一家生物医药公司做临床试验管理APP时，专门做了一个标注checklist，18项逐一核对，开发还原度从之前的70%提到了95%以上。
第二步：切图和资源包整理
图标按@1x、@2x、@3x三套输出，格式用PNG或SVG。SVG优先，矢量无损放大缩小。图片资源按功能模块分文件夹命名：home/、profile/、order/，别一股脑扔一个目录里。文件名用英文小写+下划线，比如ic_home_selected.png。中文文件名在代码里就是灾难。
卫辉一家化工企业做环保监测APP时，设计师按规范整理了资源包——47个图标3套尺寸共141个文件，加上8张引导图，分5个文件夹打包。开发拿到手直接拖进项目就能用，光这一步就省了两天。
第三步：交互逻辑文档不能省
设计稿是静态的，但APP是动态的。哪个按钮跳哪个页面、表单验证规则是什么、网络请求失败怎么提示、列表下拉刷新有没有动画——这些光看设计稿看不出来。得有一份交互逻辑文档，把每个页面的跳转关系画成流程图，把状态变化列成表格。
不用搞得很复杂，一张页面跳转流程图+一个状态说明表就够。关键是让开发看完不用再问你。
说白了，交接文档的本质就是减少沟通次数。每少一次"这个按钮点了去哪"的微信消息，项目就快半小时。
第四步：走查和验收闭环
开发做完不是交接就结束了。设计师要做视觉走查——逐页面比对设计稿和实现效果，把不一致的地方标记出来。常见问题：间距差几个像素、颜色有偏差、字体行高不对、动效缺失。走查结果整理成清单，开发逐条修。一般需要2-3轮走查才能达到上线标准。
封丘一家做电商小程序的客户，设计走查做了3轮，第一轮提了34个问题，第二轮12个，第三轮3个。3轮下来效果提升非常明显。如果省掉走查环节直接上线，用户体验会很拉胯，后面再改成本翻倍。
建立交接模板一劳永逸
500元建网站在新乡做APP项目时，有一套标准交接模板：设计稿链接+标注说明+切图资源包+交互逻辑文档+走查清单。五样东西打包交付，每个项目复用同一套模板。新乡的中小企业老板们，如果你找的设计公司连这些都给不了，建议换一家。