【Figma】オブジェクトの位置が勝手にずれる、縦に引き伸ばされるときの対処法

Figmaを使いはじめの方がつまずいていたポイントを簡単にご紹介します。

あるあるのつまずきはさくっと解消しましょう〜！

Contents

気付いたらびよーんと伸びてる、位置がずれている

例えばこんなふうに、気付いたらびよーんと伸びてしまってる…なんてことありませんか？

あるいは、伸びてなくても位置がずれてる！とか。

たまに起こる。あるあるのやつ・・！

この現象は、右側のパネルのConstraintsが関係しています。

この部分の設定次第で、大枠のFrameのサイズを変えた時に、オブジェクトの位置や形が変わってしまうことがあります。

基本的には、「Left」「Top」にしておけば、ずれる心配はなくなります。

もしくは、Frameのサイズを変える時に、commandキー（WindowsではCtrlキー）を押しながら動かすと、中身のオブジェクトは影響を受けずに変更できます。

一度びよーんと伸びてしまったオブジェクトは元に戻らないのでご注意を。

ちょっとしたつまずきポイントはどんどこ解消して、快適なFigmaライフを〜

未経験からwebデザイナーになるためのロードマップ

これからwebデザインを学び始める方はもちろん、すでに学習を始めている方にも向けて、再現性高く、未経験から確実に、現場で通用するwebデザイナーになるための方法を紹介しています！

webデザインの学習ロードマップは数多くありますが、他の記事ではなかなか触れられないリアルな話や、現役で活躍しているデザイナーからの全力アドバイスを元に作成。

なんちゃってwebデザイナーではなく、市場価値の高い、仕事に困らないデザイナーになるためのロードマップです！