Webページの取り込み後にFigmaの配置がずれたら

Auto Layoutを変更する前に、幅、フォント、改行を切り分けます。

同じ幅で比較する

フレームを複製し、ブラウザーと同じ幅で比較します。全体が違う場合はキャプチャ幅を、文字の周辺だけがずれる場合はフォント名・太さ・利用可否を確認します。複数の設定を同時に変えないでください。

同じフォントでも文字の測定値が異なることがあります。Fieldworkの実測では、狭い字間の見出しが再改行されました。複製したテキストボックスだけを少し広げ、行数と字間を比較してください。

文字が合っているなら、余白、間隔、サイズ設定を調べます。Figmaの機能と変換ツールの対応範囲は別です。ずれた後にAuto Layoutを外しても原本の位置には戻りません。必要な範囲だけ再取り込みし、解決しなければ幅と比較画像を添えて、機密情報を除いたサンプルを送ります。

自分のページで試す 毎月10回まで無料。毎月リセットされます。カードもアカウントも不要