【文件属性】:
文件名称:svg-to-jsx:Figma插件将svg复制为react组件
文件大小:408KB
文件格式:ZIP
更新时间:2021-04-28 22:59:04
HTML
SVG到JSX Figma插件
该插件可以执行其实际功能,在figma中获取SVG代码,并为您提供使用JSX的准备,您可以将JSX复制并粘贴到您的react应用程序中,并以... :drum: :drum: VUE :drum: :drum: ...
记住孩子们,框架之战并不好。
特征:
JSX导出
React本地导出
打字稿导出
图标模式,其中所有svg大小都被替换为“ 1em”
更改图标名称
如何在本地运行
您将需要可下载的figma桌面应用程序。
然后克隆仓库并运行:
yarn && yarn start:ui
如果您想更改API,则需要运行:
yarn && yarn start
还要取消注释并在其后加上注释,以便它使用开发服务器而不是已部署的服务器。
通过转到“您的脸>插件”并单击创建一个新插件将其添加到figma,这将为您提供链接到现有插件的选项,并且您可以在此目录中选择manifest
【文件预览】:
svg-to-jsx-master
----package.json(585B)
----figma.d.ts(16KB)
----manifest.json(125B)
----api()
--------index.js(1KB)
--------package.json(544B)
--------yarn-error.log(121KB)
--------now.json(122B)
--------.gitignore(7B)
--------yarn.lock(93KB)
----Readme.md(2KB)
----src()
--------ui.html(5KB)
--------code.ts(486B)
----tsconfig.json(146B)
----ui.png(275KB)
----LICENSE.md(1KB)
----.gitignore(28B)
----webpack.config.js(1KB)
----yarn.lock(159KB)
----.vscode()
--------settings.json(39B)