DesignToken2Code:将设计标记转换为SCSS变量作为代码

上传者: 42141437 | 上传时间: 2022-05-25 14:53:50 | 文件大小: 7.89MB | 文件类型: ZIP
DesignToken2Code DesignToken2Code是一个Sketch插件,可以将形状颜色用作设计令牌转换为诸如scss变量的代码。 该插件是使用skpm创建的。 有关工作原理的详细说明,请。 为什么? 我想要一个易于维护设计和代码之间关系的工作流。 更多详细信息(日语): : 安装 使用Sketch Runner安装使用Sketch Runner,只需转到install命令并搜索DesignToken2Code 。 Runner允许您管理插件,并可以做更多的事情来加快Sketch中的工作流程。 。 用法 添加画板和名称Tokens 。 在Tokens画板中添加形

文件下载

资源详情

[{"title":"( 34 个子文件 7.89MB ) DesignToken2Code:将设计标记转换为SCSS变量作为代码","children":[{"title":"DesignToken2Code-master","children":[{"title":".gitignore <span style='color:#111;'> 128B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.13KB </span>","children":null,"spread":false},{"title":"designtoken2code.sketchplugin","children":[{"title":"Contents","children":[{"title":"Sketch","children":[{"title":"designtoken2code.js <span style='color:#111;'> 28.36KB </span>","children":null,"spread":false},{"title":"manifest.json <span style='color:#111;'> 611B </span>","children":null,"spread":false},{"title":"designtoken2code.js.map <span style='color:#111;'> 24.88KB </span>","children":null,"spread":false}],"spread":true},{"title":"Resources","children":[{"title":"icon.png <span style='color:#111;'> 431B </span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true},{"title":"test","children":[{"title":"colors.sketch <span style='color:#111;'> 3.99KB </span>","children":null,"spread":false},{"title":"index.spec.js <span style='color:#111;'> 356B </span>","children":null,"spread":false},{"title":"sketch-ui","children":[{"title":"index.spec.js <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false}],"spread":true},{"title":"core","children":[{"title":"color.spec.js <span style='color:#111;'> 1.39KB </span>","children":null,"spread":false},{"title":"token.spec.js <span style='color:#111;'> 1.59KB </span>","children":null,"spread":false},{"title":"design-tokens.spec.js <span style='color:#111;'> 1.12KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".vscode","children":[{"title":"launch.json <span style='color:#111;'> 958B </span>","children":null,"spread":false}],"spread":true},{"title":"docs","children":[{"title":"development.md <span style='color:#111;'> 2.45KB </span>","children":null,"spread":false},{"title":"play.gif <span style='color:#111;'> 7.92MB </span>","children":null,"spread":false}],"spread":true},{"title":"LICENSE <span style='color:#111;'> 1.06KB </span>","children":null,"spread":false},{"title":".eslintrc.yml <span style='color:#111;'> 3.26KB </span>","children":null,"spread":false},{"title":".appcast.xml <span style='color:#111;'> 754B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.66KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"designtoken2code.js <span style='color:#111;'> 1.89KB </span>","children":null,"spread":false},{"title":"manifest.json <span style='color:#111;'> 293B </span>","children":null,"spread":false},{"title":"config.js <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"utils.js <span style='color:#111;'> 440B </span>","children":null,"spread":false},{"title":"sketch-ui","children":[{"title":"index.js <span style='color:#111;'> 2.59KB </span>","children":null,"spread":false},{"title":"utils.js <span style='color:#111;'> 1.50KB </span>","children":null,"spread":false}],"spread":false},{"title":"core","children":[{"title":"color.js <span style='color:#111;'> 643B </span>","children":null,"spread":false},{"title":"design-tokens.js <span style='color:#111;'> 1.18KB </span>","children":null,"spread":false},{"title":"token.js <span style='color:#111;'> 1.37KB </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":".babelrc <span style='color:#111;'> 38B </span>","children":null,"spread":false},{"title":"jsdoc.conf.json <span style='color:#111;'> 121B </span>","children":null,"spread":false},{"title":".eslintignore <span style='color:#111;'> 16B </span>","children":null,"spread":false},{"title":"samples","children":[{"title":"ColorKit-sample.sketch <span style='color:#111;'> 70.59KB </span>","children":null,"spread":false}],"spread":false},{"title":"assets","children":[{"title":"icon.png <span style='color:#111;'> 431B </span>","children":null,"spread":false}],"spread":false},{"title":"package-lock.json <span style='color:#111;'> 280.22KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明