文件名称：来自 Figma 的 React 代码的简单生成器
文件大小：557KB
文件格式：ZIP
更新时间：2024-06-28 09:21:32
Miscellaneous
Figma to React Component figma-to-react-demo-en.mov 问题 许多 Figma to Code 工具都有以下一个或多个问题：为整个 Figma 文件生成（而不是按组件）需要在 Figma 之外访问服务的站点布局样式不响应，绝对定位到其父解决方案 Figma to React Component 在插件 UI 中输出 React 代码，可以通过选择某个节点来生成。 并且它的样式源自自动布局属性，因此是响应式的。 开发 npm install npm run dev 对于那些想要创建自己的 Figma 到 xxx 的人，请随意使用这个存储库，创建您自己的 Figma 并将其发布到 Vue、Flutter、SwiftUI 或其他任何东西！ buildTagTree 方法对这种情况很有用。 buildTagTree metssod 以以下格式输出标签对象，该格式与最终结果的结构无关。 export type Tag = { name: string isText: boolean textCharacters: string | null isI
【文件预览】：
figma-to-react-main
----.gitignore(17B)
----publish()
--------cover.png(272KB)
--------readme_demo.png(72KB)
--------install_button.png(1KB)
--------component_setting_1.png(30KB)
--------component_setting_2.png(54KB)
--------icon.png(7KB)
--------format_setting.png(8KB)
----.eslintrc(211B)
----package.json(1KB)
----package-lock.json(403KB)
----src()
--------userComponentSetting.ts(165B)
--------buildTagTree.ts(1KB)
--------modifyTreeForComponent.ts(3KB)
--------messagesTypes.ts(422B)
--------ui()
--------buildCode.test.ts(5KB)
--------ui.html(17B)
--------getCssDataForTag.ts(8KB)
--------utils()
--------buildCode.ts(3KB)
--------buildSizeStringByUnit.ts(289B)
--------ui.css(1KB)
--------code.ts(2KB)
--------ui.tsx(7KB)
--------storageKeys.ts(170B)
--------buildCssString.ts(1KB)
--------index.d.ts(23B)
----jest.config.ts(6KB)
----webpack.config.js(2KB)
----tsconfig.json(262B)
----.github()
--------workflows()
----.prettierrc.json(108B)
----README.md(3KB)
----babel.config.js(118B)
----manifest.json(139B)
----renovate.json(41B)