Material ui 如何应用figma的material ui设计工具包使用设计标记进行反应

Material ui 如何应用figma的material ui设计工具包使用设计标记进行反应,material-ui,Material Ui,我有我的设计和运行在Figma使用材料设计工具包。这是一次坚实而富有成效的经历 现在将设计应用于React应用程序。文档建议使用“设计令牌”来帮助将设计应用到我的React应用程序中。我有点不知道如何前进。我在Figma中有一个精心设计的组件层次结构,所有组件都使用工具包中的组件 是否有一种方法可以导出除inspector之外的css样式;可能很乏味,但更重要的是,我怀疑有一个更好的方法给我的工具包的使用 例如,对于给定的组件,是否有方法为我的主题创建完整的条目,例如 MuiCard:{ 根目

我有我的设计和运行在Figma使用材料设计工具包。这是一次坚实而富有成效的经历

现在将设计应用于React应用程序。文档建议使用“设计令牌”来帮助将设计应用到我的React应用程序中。我有点不知道如何前进。我在Figma中有一个精心设计的组件层次结构,所有组件都使用工具包中的组件

是否有一种方法可以导出除inspector之外的css样式;可能很乏味,但更重要的是,我怀疑有一个更好的方法给我的工具包的使用

例如,对于给定的组件,是否有方法为我的主题创建完整的条目,例如


MuiCard:{
根目录:{
//---------------------------------------------------------------------
//输入卡
//---------------------------------------------------------------------
“&.MuiSpanInput--01”:{
边界半径:6,
边距:`${间距[2]}px`,
显示:“flex”,
justifyContent:'之间的空间',
对齐项目:“居中”,
maxWidth:'430px',
最小宽度:“200px”,
最大高度:“60px”,
最小高度:“36px”,
paddingTop:`${spating[3]}px`,
paddingRight:`${spating[3]}px`,
paddingBottom:`${spating[4]}px`,
paddingLeft:`${spating[3]}px`,
背景色:palette.primary.superLight,
}
}
提前感谢您的指导

-E