怎么让前端设计师亲密无间？

相信每一个前端，如果你不是在做后台管理系统等这些不在意好看不好看的系统，你肯定会跟设计师相爱相杀。

• 怎么评审设计稿？

• 为什么定了规范，设计师又不按照规范来设计？

• 前端沉淀了组件库，设计师又重新造轮子，出了一个新的组件

• 设计稿偷偷改稿了怎么办？

• ……

用强制流程来规范永远是最后一步才考虑的事情，因为每增加一个流程，就要额外多一些精力来管理，或者是多一些会议。上面的问题应该用技术手段来解决。

接下来，笔者跟大家分享下，各大公司是怎么优化这一块协作的。

腾讯 Codesign

Codesign^[1]

• 配套的 sketch 插件能力

• 批注功能

• 设计规范平台管理

• 在线标注

• 素材、icon 库在线管理

• 原型能力

京东

REPAY^[2]

• 配套的 sketch 插件能力

• 批注功能

• 在线标注能力

• 设计稿状态变更

蓝湖

蓝湖^[3]

• 配套的 sketch 插件能力

• 原型能力

• 批注功能

• 在线标注

• 设计规范

阿里

Done^[4]目前尚未对外全量开放，上面列举的功能基本都有，额外的还做了“设计在线”，设计师直接交付代码，想想是不是很美好？（招人，一起来做设计前端交付变革）

总结

我们可以从下面这张图来理解上面几个产品做的功能：

从上面的产品可以看到，前端&设计师之间的痛点主要是通过以下几个方面来解决：

1. 从设计工具收敛设计师画设计稿（设计规范，组件源，icon，素材库）

2. 提升交付流程效率：原型功能，在线圈评，更换设计稿状态

3. 交付产物对开发更友好：在线标注功能，甚至是可以运行的代码

如果你们公司还是用传统的设计稿交付，那么可以尝试用一下这些产品，不用再天天吐槽设计稿偷偷变了 ????

外链：

[1]

Codesign: https://codesign.qq.com/?home

[2]

REPAY: https://relay.jd.com/

[3]

蓝湖: https://lanhuapp.com/?home

[4]

Done: https://done.alibabadesign.com/

关注「前端加加」, 第一时间获取优质文章. 

往期推荐

这可能是大型复杂项目下数据流的最佳实践

你要知道的 Npm Script 都在这里

图解 React-router 带你深入理解路由本质

NPM 组件你应该知道的事

如何搭建一个完美的组件库？

npx， 你了解吗？

一文快速入门 Graphql

8个问题带你进阶 React

从0实现一个脚手架

一个栗子带你上手CSS3动画

你不知道的 useRef

面试官：你怎么优雅写 CSS？

Typescript 最佳实践

内推社群

我组建了一个氛围特别好的阿里巴巴内推社群，如果你对加入阿里巴巴感兴趣的话（后续有计划也可以），我们可以一起进行面试相关的答疑、聊聊面试的故事、并且在你准备好的时候随时帮你内推。下方加 peen 好友回复「面试」即可。

添加 peen 好友，拉你进交流划水聊天群，有看到好文章/代码都会发在群里。

如果觉得这篇文章还不错，来个【转发、收藏、在看】三连吧，让更多的人也看到~

❤️ 顺手点个在看呗 ↓