5
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Figmaで要素の距離を一定にする方法

Posted at

最近デザインを学んでいるんですが、デザインツールにはFigmaを使用しています。
一定の距離感で要素を配置するのに非常に便利な方法を見つけたので、もしまだ一つずつ要素を配置している人は是非実践してみてください。
figma.gif

#1.要素を準備する
a86dbaa5acbd5cc6d2af1a99625b9b83.png

#2.複数選択をして、高さを揃えます
a323a68d73c087a3ee1e1f568352763f.png

#3.Tidy Upで要素を間隔を揃える
89b185c82bee5e04a0fe24f081d7b4ea.png

#4. 余白を調整する
dab3479376814a54441d6a3af0f5f742.png

このように調整することができます。
figma2.gif

#まとめ
今までこの方法を知らずに一つずつ調整しており非常に非効率でした。
この方法はかなり使えるので是非使ってみてください!

5
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?