Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ Figmaのスタイル:UI/UXのための一貫性のあるデザインシステムの作成 | Figmaでのビジュアル作成
FigmaによるUI/UXデザイン

bookFigmaのスタイル:UI/UXのための一貫性のあるデザインシステムの作成

メニューを表示するにはスワイプしてください

スタイルは、プロジェクト内の色やテキストを整理し、それらのプロパティを覚える必要をなくします。プロジェクトを素早く整理する方法。

  • カラースタイルを作成するには、オブジェクトを選択し、デザインパネルに移動し、塗りつぶしアイコンをクリックし、(+) アイコンをクリックして新しいスタイルを作成;
  • スタイルに名前を付け、必要に応じて説明を追加;
  • スタイルを適用するには、オブジェクトを選択し、塗りつぶしに移動し、4つのドットをクリックして保存済みスタイルにアクセス;
  • テキストを作成し、デザインパネルタイポグラフィに移動し、4つのドットをクリック;
  • + をクリックして新しいテキストスタイルを作成し、名前を付けてプロパティを設定;
  • スラッシュ命名法(例:Red/Brick や Red/Pastel)は、スタイルをグループで整理したい場合に非常に便利。これらのグループ化されたスタイルは、ローカルスタイルパネルで折りたたみや展開が可能;
  • スタイルを変更するには、それをデタッチ(インスタンスのデタッチと同様)し、必要な変更を適用;
  • スタイルを削除するには、ローカルスタイルパネルでスタイルを右クリックし、削除を選択。

1. Figmaにおけるスタイルの主な目的は何ですか?(2つ選択)

2. Figmaにおけるスラッシュ命名法の機能は何ですか?

question mark

Figmaにおけるスタイルの主な目的は何ですか?(2つ選択)

すべての正しい答えを選択

question mark

Figmaにおけるスラッシュ命名法の機能は何ですか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 3.  7

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 3.  7
some-alt