Figmaの知識

キャンバスの空白をクリックすると右側にパネルが表示されますが、その中にローカルスタイルというメニューがあります。 このローカルスタイルには、下記の4種類の状態を保存することができます。 ローカルスタイルに保存できるもの テキスト 色 エフェク...

Figmaでデザインを作成していて、サイズ違いを作成する時に、フレームだけ拡大しても中の文字等のサイズは変化しません。 直感的にラフなデザインを作る場合等はAdobeのツールのようにまとめて拡大縮小したいですよね。 そんな時は拡大縮小ツールというも...

Figmaのファイルが増えてくると、管理画面上のデザインファイルの管理が猥雑になりがちです。 そこでサムネイルを設定しておくと、非常に視認性が上がります。 本記事ではデザインファイル用のサムネイルの設定方法について解説します。 Figmaの管理画面用...

フレームやスライスはなんとなく役割がわかるけど、セクションは何に使うのだろうと思ったことはないでしょうか？ フレームはコンポーネントを配置してレイアウト作成するために使う枠であるのに対して、セクションは画面内の情報をまとめるためのツールで...

他人から引き継いだFigmaのデータ。 テキストをコピペして、新しいテキストを入力、 文字サイズを変更したいという時に文字サイズの変更ができないことはないでしょうか？ 文字サイズの変更ができない状態 文字サイズの変更ができる状態 本記事では、この...

Figmaのデータを編集する時に、テキストを打ち替えようとすると「欠落しているフォント」と表示が出ることがあります。 これは作成した人のPC環境にしかないフォントが使われている影響だったりする？ と、思いきやそうでもなかったりします。 Figma上で使...

ボタンや見出しなど、サイトで繰り返し使うものを共有化して、再利用できるものをアセットと言います。 オリジナル（メインコンポーネントと言います）のボタンの文言や色、形を変更すると、アセットとして複製配置されたものも全てが変更されるので、うま...

Figmaにはグループやフレームという機能があり、それらは初心者でも感覚的に理解して使いこなしていますが、 キャンバスごとの単位で表示・非表示ができるPage（ページ）機能は気づかない人が多いです。 FigmaのPage（ページ）の使用例 下記のようにワイヤ...