はじめに
おしゃれなデザインのButtonのアプリにしたい！
と思い、SF Symbolsを用いてButtonの作成方法を調べてみました。
シンボルの大きさを変更したいとなると、Figmaを用いる必要がありました！
1.SF Symbolsアプリをダウンロードする！
2.Figmaをダウンロードする!
※私のつまずき！
Figmaをブラウザー上で使おうとすると、3のSF Proフォントをダウンロードしても、フォントが選択できるようにならなかった...アプリをダウンロードしましょう！
3.SF Proフォントをダウンロードする!
Figma上でSF Symbolsを表示させるにはこのフォントをダウンロードする必要がありました！
4.SF Symbolsのアプリ上からButtonにしたいイメージをコピーする！
使いたいシンボルをクリックして選択状態にし、⌘＋Cでコピーする！
5.Figmaにコピペする！
① コピペしても上手く表示されないので、TextをSF Proに変更する！
② 大きさをRegularのところで変える！
③ Fillの下のところでシンボルの色を変更！
④ デザインが完成したらExportを押し、ダウンロード完了！
5.Xcodeで使ってみよう！
① Assets.xcassetsに名前をつけてImageSetする！
② ButtonをStoryboardにおく!Imageにさっきの名前を入力して追加！
作りたかったおしゃれなButtonができました
この記事の参考文献