当 Figma 设计文件一直在变化时，您如何使部署的 Tailwind 代码保持最新？

Posted 2023-02-19

【中文标题】当 Figma 设计文件一直在变化时，您如何使部署的 Tailwind 代码保持最新？

【英文标题】：How do you keep your deployed Tailwind code up to date when the Figma design files are always changing?

【发布时间】：2021-09-04 15:13:18

【问题描述】：

我们面临的问题是，由于 Figma 中的大量设计更改，我们 Nuxt.js Web 应用程序中部署的许多 TailwindCSS 组件需要不断更新。您如何持续管理这一点？我们已经研究了组件驱动设计的工具，例如 Bit.dev（对于初创公司来说似乎很昂贵）和使用 Tailwind 的 Nuxt-Storybook 插件在文档本身中失败了（不是最好的迹象）。很想听听任何建议！

【问题讨论】：

也许对设计系统进行版本控制并对 TailwindCSS 组件进行版本控制？可以使用团队协作和手动方法，或者可以投资一些自动化。我可能会通过手动更新进行版本控制和团队沟通。

他们已经有他们的组件的版本故事书，不能做更多的 IMO @kun

@kissu 是的，我想知道设计系统是否有版本控制？鉴于“由于 Figma 中的大量设计更改，应用程序不断需要更新”也许需要更新策略以及何时执行？是否需要完全自动化？可能会发生重大变化，使其变得困难或不可能。

【参考方案1】：

这不是技术问题，更多的是意见问题。

同时，您确实可以同时使用设计系统和故事书。这些工具非常有价值。如果您的设计进展太快，您只需要与您的产品团队进行更密切的沟通。

与他们讨论未来的变化，当要求太多时能够说“不”，在短时间内向他们展示在代码方面什么是可行的，也许不每两周更改一次设计可能是一些解决方法。

TLDR：不是技术问题，因此这里没有任何技术工具可以帮助您。人际交流足以克服它。