Figma の上位コンポーネントでネストしたインスタンスを表示させる ( Expose properties from Nested instances )
- /
- Design
![](https://intermixing.jp/wp-content/uploads/2023/11/Twitter-post-11-1024x576.png)
Figma の操作メモです。 Nested instances を使う時にどうやるんだっけ?って Figma のヘルプを巡っておりました
Nested instances って?
従来(2022年9月まで) Component の properties を設定したときに、階層がないときには properties の内容をを右のパネルで変更できますが、Component が入れ子になっているときは Component properties が設定されているものまで選択をしなくてはいけませんでした。2022年9月のアップデートで、階層を巡らなくても上位のコンポーネントから properties の内容を変更できるようになりました。(Nested instances)また 2023年のアップデートで Expose properties from Nested instances 使うときもベータが外れ、普通に使えるようになりました。
コンポーネントのプロパティを調べる – Figma Learn – ヘルプセンターNested instances を使う
手順は難しくなく、コンポーネントの Properties の + を押して、Expose properties from でチェックボックスを入れるだけです。
![](https://intermixing.jp/wp-content/uploads/2023/11/CleanShot-2023-11-28-at-18.09.05@2x-1024x669.png)
そうすると、コンポーネントを使った要素で、すべてのプロパティを右のパネルから変更することが出来ます。
![](https://intermixing.jp/wp-content/uploads/2023/11/CleanShot-2023-11-28-at-18.09.50@2x-1024x411.png)
以上!!
利用した Figma ファイル:Nested instances