我正在使用material.io的草图插件和主题“每两周”的变体。除了在React中手工编写所有设计之外,有没有办法直接导出组件?
material-ui 不继承任何material.io 的主题
目前,sketch-to-react 转换工具有一些解决方案,我们也实现了自己的一个。 但到目前为止,还没有相关的转换工具可以将 Sketch 的主题或设计系统识别为代码。
从我们自己的解决方案来看,最接近的解决方案是将一个组标记为组件,以便跨屏幕和页面重用 CSS 样式(主题)。 我们正在研究如何利用 Sketch 的设计系统来构建可重用和共享的 React 组件。我们将让用户在 Sketch 文件中的“设计指南”画板中标记常用样式,目前这是我们可以利用设计指南重复使用 CSS 样式作为主题的唯一方向。
Sketch2React 团队 (https://sketch2react.io/) 构建了一个应用程序 - Stratos Tokens (https://sketch2react.gitbook.io/sketch2react-io/v/stratos-tokens-2021),用于导出设计来自 Sketch 和 Figma 的代币。您可以从 Sketch 导出到 Material UI 主题,其中包括很多内容。
这里有一篇关于如何从 Sketch App 导出到 Material UI 主题的文章:https://medium.com/sketch2react/how-to-combine-design-tokens-with-material-ui-30a982c17c22
希望有帮助!