Figmaのスタイル:UI/UXのための一貫性のあるデザインシステムの作成
メニューを表示するにはスワイプしてください
スタイルは、プロジェクト内のカラーやテキストを整理し、それらのプロパティを覚える必要をなくします。プロジェクトを素早く整理する方法です。
- カラースタイルを作成するには、オブジェクトを選択し、デザインパネルに移動し、塗りつぶしアイコンをクリックし、(+) アイコンをクリックして新しいスタイルを作成します;
- スタイルに名前を付け、必要に応じて説明を追加します;
- スタイルを適用するには、オブジェクトを選択し、塗りつぶしに移動し、4つのドットをクリックして保存済みスタイルにアクセスします;
- テキストを作成し、デザインパネルのタイポグラフィに移動し、4つのドットをクリックします;
- + をクリックして新しいテキストスタイルを作成し、名前を付けてプロパティを設定します;
- スラッシュ命名法(例:Red/Brick や Red/Pastel)を使用すると、スタイルをグループ化したい場合に非常に便利です。これらのグループ化されたスタイルは、ローカルスタイルパネルで折りたたみや展開が可能です;
- スタイルを変更するには、それをデタッチ(インスタンスのデタッチと同様)し、必要な変更を適用します;
- スタイルを削除するには、ローカルスタイルパネルでスタイルを右クリックし、削除を選択します。
1. Figmaにおけるスタイルの主な目的は何ですか?(2つ選択)
2. Figmaにおけるスラッシュ命名法の機能は何ですか?
すべて明確でしたか?
フィードバックありがとうございます!
セクション 3. 章 7
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
セクション 3. 章 7