Figma tips〜インポートしたインスタンスが壊れる〜

Figmaで外部ライブラリをインポートして使うことはよくあると思いますが、その際インポートしたインスタンスのレイアウトが崩れたり壊れていることがあります。

Figmaのバグらしいので、治ることを祈るしかないのですが、データの作り方で解消する方法もあるようなのでシェアしておきます。

よくあるケースで、テーブルのような上下のマージンがおかしくなっていて、Enterや編集をすると元に戻るけど、リロードするとまたマージンバグが起きているという現象が多発します。

このケースを回避する方法として、インポートした先のインスタンスを利用する場所をFrameで囲うとマージンが正常に反映される場合もあります。

これ以外にもバグがあり、原因不明なものもありますが、よく起きるマージンバグは解消されるかと思います。

ちなみにどうやって解消して良いか分からないケース、、

もし解決策をご存知の方がいたら教えていただけると助かります。