見出し画像

プログレスリングを作りたい!#figma

今回はfigmaを使ってプログレスリングを作ってみたいと思います。

画像1

手順📝

1、円を描く。

画像2


2、Strokeにあるプラスを押す。好きな色を入れ、太さを40、位置をinsideからcenterに。fillは消す。

画像3


3、この円を複製。

画像4

4、二つの円を重ねる。右側の白い丸をクリック。

画像5

5、クリックしたまま動かす。

画像6

6、今度は真ん中の白い丸をクリック。

画像7

7、クリックしたまま外へ移動。

画像8

画像9

8、後ろの円の色を変更。20%にしました。

画像10

9、前方の円をクリック。Storoke右下の3つのドットをクリック。End PointsをRoundにする。

画像11

10、完成🥰

画像12

今回はここまでです!また次の記事でお会いしましょう~😉

Follow me here😊

Website | Instagram | Twitter DribbbleLinkedin

よろしければサポートお願いいたします。いただいたサポートはクリエイターとしての活動費に使わせていただきます。