figma-html icon indicating copy to clipboard operation
figma-html copied to clipboard

Vectors can't be Auto-ayout

Open Danzo7 opened this issue 2 years ago • 1 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.

Danzo7 avatar Apr 03 '22 04:04 Danzo7

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

samijaber avatar Apr 04 '22 14:04 samijaber