没有合适的资源?快使用搜索试试~ 我知道了~
figmagic:生成设计令牌,导出图形并从Figma文档中提取设计令牌驱动的React组件
共615个文件
ts:272个
js:146个
map:124个
需积分: 9 0 下载量 62 浏览量
2021-04-29
14:53:33
上传
评论
收藏 3.56MB ZIP 举报
温馨提示
Figmagic 生成设计令牌,导出图形,并从Figma文档中提取设计令牌驱动的React组件。 最初是受启发。 Figmagic促进了组装设计系统的结构化方式。 遵循原子设计的主要原理,Figmagic希望您从头开始进行构建,首先是分解标记。 令牌塑造元素,这些元素形成组成部分,并按组成顺序排列,并在视图中呈现...您知道该钻头,尽管我将Brad Frost的命名法转换为对前端更友好的名称。 当涉及到代码生成时,Figmagic试图以更好的方式做到这一点。 Figmagic并没有过分地促进从庞大而复杂的组件生成硬编码代码,而是设法胜任或至少“基本上是正确的”处理自动化,而这些自动化不应过于依赖上下文或手动输入过多。 代码也应尽可能接近“正常”,这意味着生成的代码将值绑定到令牌,而不是像其他平台那样将某些随机px值绑定。 所有这些都可能发生,因为Figmagic假定了一种尊重标准CSS
资源推荐
资源详情
资源评论
收起资源包目录
figmagic:生成设计令牌,导出图形并从Figma文档中提取设计令牌驱动的React组件 (615个子文件)
.eslintrc 459B
.eslintrc 123B
figmagicrc 363B
figmagicrc 336B
.gitattributes 406B
.gitignore 2KB
.huskyrc 197B
errors.js 25KB
parseTypographyStylingFromElement.js 10KB
index.js 10KB
parseCssFromElement.js 8KB
parseCliArgs.js 7KB
index.js 6KB
validateConfig.js 5KB
prepFile.js 5KB
processNestedCss.js 5KB
writeElements.js 5KB
getTokenMatch.js 4KB
getFileContentAndPath.js 4KB
createElements.js 3KB
messages.js 3KB
createConfiguration.js 3KB
index.js 2KB
createLinearGradientString.js 2KB
makeShadowTokens.js 2KB
makeLetterSpacingTokens.js 2KB
index.js 2KB
processGraphics.js 2KB
makeLineHeightTokens.js 1KB
getData.js 1KB
processTokens.js 1KB
writeFile.js 1KB
makeColorTokens.js 1KB
getDataHelpers.js 1KB
baseConfig.js 1KB
makeSpacingTokens.js 1KB
prepareWrite.js 1KB
createGraphics.js 1KB
makeFontSizeTokens.js 1KB
FigmagicController.js 1KB
createTokens.js 1KB
makeOpacityTokens.js 1KB
downloadFile.js 1KB
normalizeUnits.js 1KB
makeRadiusTokens.js 1KB
getShadow.js 1KB
validatorLists.js 1KB
parsePadding.js 1KB
makeFontWeightTokens.js 1KB
writeGraphics.js 1KB
getPaddingY.js 1KB
makeBorderWidthTokens.js 1KB
makeMediaQueryTokens.js 1KB
createSolidColorString.js 1KB
makeFontTokens.js 1KB
processGraphicElementsMap.js 1KB
parseBackgroundColor.js 1004B
makeDurationTokens.js 994B
getBorderColor.js 993B
getPaddingX.js 982B
getBackgroundColor.js 966B
makeEasingTokens.js 951B
makeZindexTokens.js 949B
getDataRemote.js 947B
makeDelayTokens.js 937B
replaceMediaQuery.js 934B
writeBaseJson.js 921B
processElements.js 916B
getFromApi.js 909B
parseBorderWidth.js 897B
parseBorderRadius.js 885B
parseBorderColor.js 879B
convertRgbaToHex.js 867B
parseShadow.js 840B
parseHeight.js 836B
loadFile.js 820B
sliceOutObjectFromFile.js 812B
getFileContents.js 811B
createImportStringFromList.js 795B
writeGraphicElementsMap.js 787B
getDataLocal.js 787B
checkIfStringOnlyContainsReturnsOrSpaces.js 776B
colors.js 774B
getFileList.js 763B
createPage.js 739B
refresh.js 725B
colors.js 716B
convertHexToRgba.js 701B
updateParsing.js 692B
roundColorValue.js 689B
calculateDegree2Point.js 652B
camelize.js 595B
writeTokens.js 593B
createFolder.js 578B
getIds.js 574B
getSvgFileData.js 571B
write.js 548B
createEnumStringOutOfObject.js 545B
getFigmaDocumentId.js 523B
getAlphaInPercent.js 513B
共 615 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论
没名字的女人
- 粉丝: 28
- 资源: 4712
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 关于数据分析工具的问题 (Excel、PowerBI-Tableau、R-Python)-教程案例分享.zip
- jqueryUI管理后台+WeiXinApp微信小程序+uni例子内容 参数例子,学习用
- 基于聚类分析分批训练的BP神经网络回归分析
- 计算机大类学生课程实验心得、案例-基于Python 的图像处理实验.zip
- CocosDashboard-v2.1.3-win-042311.exe
- vue3-admin-master-后台管理平台模板.zip
- 基于yolov5和deepsort算法的车辆检测项目源码+数据集(高分项目).zip
- 使用Python的requests库和BeautifulSoup库进行网页爬取的示例案例
- 蓝色个人主页接单HTML源码.zip
- 基于YOLOv5+Deepsort实现车辆行人追踪和计数(完整源码+说明文档+数据).zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功