search

BuilderIO / figma-html

Builder.io for Figma: AI generation, export to code, import from web
https://www.figma.com/community/plugin/747985167520967365
MIT License
3.11k stars 287 forks source link

Vectors can't be Auto-ayout #102

Closed Danzo7 closed 1 year ago

Danzo7 commented 2 years ago

Describe the bug To import a layer, that layer and all children must use [autolayout](https://help.figma.com/hc/en-us/articles/360040451373-Create-dynamic-designs-with-Auto-layout) This is due to some vectors in the frame, I use auto-layout in every single frame but i don't think it's possible for a vector to be auto-layout and it should not. To Reproduce Steps to reproduce the behavior: 1.Just make a frame and add a vector to it.

Expected behavior I think it should create a div tag with the class name of that vector inside of it an img tag with:

<div class="vector">
<img src="RELPLACE_THIS_WITH_SOURCE_PATH"/>
</div>

or add an option to enable inline SVG.

samijaber commented 2 years ago

You're correct that you can't auto-layout a vector. The alternative here is to use Figma's rasterize selection command on your vector. If the output of that is too low-resolution, then you can try this plugin: https://www.figma.com/community/plugin/837846252158418235/Flatten-Selection-to-Bitmap

I just added a note in the README for future reference: https://github.com/BuilderIO/figma-html/blob/master/README.md#auto-layout-vectors