BuilderIO / figma-html

Builder.io for Figma: AI generation, export to code, import from web

Home Page:https://www.figma.com/community/plugin/747985167520967365

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Vectors can't be Auto-ayout

Danzo7 opened this issue · comments

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.

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