記事一覧
[ Figma -Nested instances- ]コンポーネントのネストインスタンスのプロパティ変更
未経験から独学でUIデザイナーを目指している初学者です🤓
今日は、心躍る機能(Nested instances)を発見した為ここに綴ります。
コンポーネント内のインスタンスのproperties変更は大変だった
コンポーネント🐓で使用しているインスタンス🐣(ネストされたインスタンス)にComponent propertiesを設定していても、コンポーネント🐓からはインスタンス🐣のpr
[Figma]Open overlay-モーダルなどのPrototype作成方法-
Figmaでモーダルやキーボードの出現など画面の一部が変化した際
同じ画面を用意せずともPrototypeで表現できる方法をここに記録します。
Open overlay
検索バーをタップすると検索モードに切り替わり、
少し遅れてキーボードが立ち上がる動きを表現。
画面部分とキーボードを用意する。
Prototypeで繋ぐ。
デフォルトで "→Navigate to" の部分を "Open
[Figma]label付きcheckboxのPrototype作成方法
checkboxのON/OFFをPrototypeで表現するときの手順をここに記録します。
手順
OFFの状態のcheckboxを用意してcommand + option + K でコンポーネント化する。
画面右側のデザインパネルにあるPropertiesをクリックし、Variantを選択する。
Add variantをクリックしてcheckboxを増やす。
2個目のcheckboxをO