在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:BuilderIO/figma-html开源软件地址:https://github.com/BuilderIO/figma-html开源编程语言:TypeScript 95.0%开源软件介绍:Convert Figma designs into high quality HTML, React, Vue, Svelte, Angular, Solid, etc code via mitosis How does it workExport designs to code
Import webpages to Figma designs
Why?
Chrome ExtensionWant to capture a page behind an auth wall, or in a specific state you need to navigate to? Then the chrome extension is for you! Using the library// npm install @builder.io/html-to-figma
import { htmlToFigma } from "@builder.io/html-to-figma";
const layers = htmlToFigma(document.body);
// E.g. send these to the REST API, or generate a .figma.json file that can be uploaded through the Figma plugin Auto-layout VectorsWhen exporting Figma to Builder, the plugin requires all elements to be in auto-layout. However, it's not possible to auto-layout a vector. The alternative here is to use Figma's If you want the Builder end-result to have a vector, then consider this rasterized selection as a placeholder, and swap it back with an SVG in the Builder editor. LimitationsImporting HTML layers to Figma is a best-effort process. Even getting 90% there can save you a ton of time, only having to clean up a few things. A few known limitations:
If you find any issues or have feedback at all please make an issue TODO
Made with Architecture
DEVELOPRead DEVELOP.md |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论