10
4

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で角を丸くする方法(border-radius)

Posted at

Figmaで表を作ったときに、四隅の角の丸みを角ごとに変えたいと思ったときに
どうやってやるんだっけとなったので、備忘録として残しておきます。

こちらを読めば、こんな感じで角ごとに丸みを変えることができるようになります。

83259fff6716b6f4c7fecf4bce14be65.png

STEP1

まずは、適当に図形を作ります。
9f3677a538d89182a58bf73cbd025449.png

STEP2

ここの数値を調整すると全体の角が丸くなります。
5f5ff3a08a7517390ef05f37fed2a20b.png

STEP3

四隅を個別に調整するためには、横の四角っぽいやつをクリックします。
d7bb7e19673a341d0bd2aeb41f4137b1.png

STEP4

そして、四隅の丸み具合を調整できるようになりました。
順番は
左上(200)→右上(20) → 右下(500) → 左下(0)
です。
578dd68708587266eecdd870ca99080f.png

10
4
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
10
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?