デザイン制作・ツールに関する質問集

図形や背景に何かイラストやドットのような繰り返しの模様を入れたい場合は、以下の手順で行います。

１、使用したいイラスト素材（例えばドットの画像）を素材サイトからダウンロードする。
２、図形（背景）を描く。
３、描いた図形を選択し、右側デザインパネル上の「塗り」の左の色付きの四角形をクリックする。
４、「単色」から「画像」に変更する。
５、「画像を選択」を選択し、ドットの画像を選択する。
６、「拡大」から「タイル」に変更する。
７、％の数字を変更し見た目の調整をする。

過去のデータが自動保存されていることがあり、残っていた場合はそちらから戻すことが可能です。

１、タイトル右側の矢印をクリックし、「バージョン履歴を表示」をクリック
２、右側に表示された履歴の中から過去の日時をクリック
３、戻したいバージョンの右側の「・・・」をクリックし、「このバージョンを復元」をクリック
４、右上の「×」をクリック

Figmaは自動で最新の状態が保存される仕様となっているので、保存をする必要はありません。
ただしバックアップとして特定の日時のデータをとっておきたい場合は、画面左上「ファイル」＞「ローカルコピーを保存」を押し、名前をつけてデスクトップなど特定の場所に保存されることをおすすめします。ファイル形式は「.fig」となります。

Figmaでは以下のショートカットキーで一つ前の作業に戻ることができます。

Windows：Ctrl＋Zキー
Mac：command＋Zキー

戻し過ぎた場合は以下のショートカットキーで一つ後の状態に戻すことが可能ですので、こちらもぜひお使いください。

Windows：Ctrl＋シフトキー＋Zキー
Mac：command＋シフトキー＋Zキー

ちなみに上記のショートカットキーは、Photoshopでも同様です！

Figmaでテキストを縦書きにする場合は、以下の手順で縦書きに変更して下さい。

１、日本語対応しているフォントを選ぶ（プラグイン「Japanese Font Picker」を使うと日本語フォントのみ抽出できます。）
２、縦書きにしたいテキストをクリック
３、テキストの幅（Width）とフォントサイズの値を同じにする（レイアウトを「高さの自動調整」、「固定サイズ」のいずれかにします）
４、テキストをクリックした状態で、デザインパネル内の「タイポグラフィ」の右下の「タイプの設定」をクリック
５、表示された「タイプの設定」の中を鵜にある「詳細設定」をクリックし、「Vertical alternates」にチェックを入れ有効化する
（この作業を行わなくても文字は縦書きに配置されますが、句読点や「ー」が横書きの状態となります。）

※文字同士の間隔は行間に値を入れ調整することができます。

プラグイン「To path」をすると作ることができます。

１、正円を描く。
２、カーブさせたいテキストを入力する。
３、テキストと円をシフトキーを押しながら同時選択し、プラグインTo Pathを開く。
４、Vertical AlignとHorizontal Alignに1と入力し、Linkを押す。
５、図形と文字のグループの角度を傾けて位置の調整をする。
※Offset(px)の値を大きくするとテキストの位置調整も可能です。

avifという拡張子でダウンロードされた場合は、jpgやpngに変換することで開くことが可能です。
何かアプリを入れていただく必要はなく、変換には以下のような変換できるサイトをご活用ください。

■サイト
https://convertio.co/ja/avif-jpg/

１、ファイルを選ぶをクリックし、画像をアップロード
２、変換をクリック
３、ダウンロードをクリック

どちらでも問題ありませんが、よく使う場合はアプリ版が便利です！