Flutter - 设计人员/开发人员迭代流程的架构

Question

我一直在努力为设计人员和开发人员交互找出一个好的 Flutter Process 工作流，以便迭代桌面/移动/Web 应用程序设计。代码和设计之间没有像 Web 开发中那样清晰的界限。 (例如，开发人员将专注于 javascript 和一点 html，而设计师将专注于 css 和 html。)

其中一些已经写在这里:how developers and designers can collaborate using flutter但机制被排除在外。 (另外，与过去的设计师相比，普通的 Flutter 设计师似乎需要更精通 git 技能。这是你的经验吗？)

虽然似乎可以通过 AppTheme 小部件很好地控制颜色/字体/样式，但其他设计方面更难实现。例如，如果您想将所有 div(在 html 中)/Containers()(在 flutter 中)从方角更改为圆角，您可以设置一个类并在 web dev 中全面应用它。在 flutter 中，我相信您必须访问代码中的每个 Container 并应用 BoxDecoration 小部件...如果将来有更改，请重复。

具体来说，您使用哪些设计-开发流程/架构来促进开发人员和设计师之间的设计迭代？

注意:此外，我看到有一些工具，如 Adob​​e XD 和 supernova.io 允许将设计导出为 flutter 代码，但这似乎是一次性的事情......本身很好迭代。有没有人在他们的设计迭代中使用过这种方法？

Answer 1

在尝试了几种不同的方法之后，似乎不同程序的导出功能还远远不够，除了“模型方法”之外，设计师基本上允许 flutter 程序员访问某种模型(axshare、adobeXD、zeplin等)

但是，我确实在使用 sketch -> SuperNova 的导出方面取得了最大的成功，但这需要一个技术娴熟的设计师，他能够对所有组件(如按钮等)进行分类，并创建具有响应能力的设计心里。否则，导出将充满绝对定位，这会使 flutter 编码人员的工作变得困难，因为他们需要更正所有这些导出的小部件并使它们响应。