我是前端Web开发的新手。我与一位制作模型(没有html)线框的设计师合作，成品是一个React/Angular单页应用程序。
我在想这个工作流程。 1) 获取样机线框 2)在HTML/CSS中重新创建它并与设计师协作进行快速更改。 3)完成后，获取HTML并将其转换为React/Angular单页应用程序。
谢谢。
嗨，米奇欢迎来到网络开发！
所以我不能说我会完全推荐该工作流，只是因为您不想编写和重写代码并将其制作成组件。
我们每天都与设计师密切合作。 如果你的设计师正在使用草图(他喜欢)，他可以创建线框和原型。我们的工作流程类似于您的建议，这就是我们所做的：
- 我们有一个需要设计和构建的功能请求
- 他创建了一个模型/线框
- 然后他把它鞭打成一个原型(可选)
- 从那里我将原型转换为工作代码(我们使用角度)
- 当我认为我已经重新创建了他的原型时，我请他查看它，然后我们从那里讨论。
对我来说，很容易回去修复一些CSS或更改一些HTML，只需保持所有内容井井有条并得到良好的注释，以便将来随着应用程序的增长，您可以轻松地更改内容。
我建议的另一件事是，您应该创建自己的线框形式，以便您可以看到组件将如何放置以及彼此之间的交互。
我希望这能帮助您和您的设计师想出一个你们都喜欢的工作流程！
这是我的工作流程。我将figma，sketch，adobexd设计文件导入Desech Studio，以获得带有css网格定位的干净html结构。然后我需要调整边距和大小，我完成了转换。最后，我致力于网站的响应能力。
然后我安装并启用 react 插件，当我保存项目时，它将导出 react 代码。然后我处理反应代码和组件。这是 react 插件的 github 存储库。