文件名称:styled-theme-generator:Figma插件可从Figma样式生成JS主题的CSS,反之亦然
文件大小:150KB
文件格式:ZIP
更新时间:2024-05-22 02:54:56
TypeScript
样式主题生成器 Figma插件,可从文档的文本和颜色样式生成JS主题的CSS,或者让您导入主题以生成Figma样式。 它有什么作用? Figma风格 :recycling_symbol: JS主题中CSS 此插件可以根据您的Figma文档的颜色和文本样式在JS主题文件(根据)中生成CSS 。 它解析所有样式,并生成可在JS主题文件CSS中使用的JSON对象。 这样,您就可以将设计编码,并消除设计人员和开发人员之间的翻译层。 该插件可以从JS主题文件中CSS生成Figma样式。 它使从JS库中CSS导入先前存在的主题变得容易,消除了建立Figma样式指南的样板,并加快了原型制作的速度。 发展 该项目使用Webpack将Typescript文件编译为JavaScript文件,并复制任何其他文件(如HTML)。 入门 安装依赖项: yarn或npm i 运行yarn start以“监视”模式启动Webpack。
【文件预览】:
styled-theme-generator-master
----.gitignore(39B)
----manifest.json(137B)
----tsconfig.json(152B)
----README.md(5KB)
----.all-contributorsrc(808B)
----package.json(849B)
----dist()
--------code.js(19KB)
--------ui.js(77KB)
--------ui.html(78KB)
----src()
--------ui.ts(1KB)
--------utils()
--------code.ts(9KB)
--------ui.html(928B)
----LICENSE.md(1KB)
----webpack.config.js(2KB)
----yarn.lock(134KB)
----package-lock.json(187KB)