Skip to main content

Fully Editable Object (Frame) Inside a Component Instance

  • November 14, 2023
  • 4 replies
  • 726 views

Different than having a fully editable component instance, I would really like if there was a new object type (or maybe the frame object could be extended) so that it could serve as a fully editable space within a component. So basically when I use an instance of that component, I can populate this editable container with anything I want, and still retain the relationship to the original component (not having to detach it).

My current workflow has me nesting a “content area” component instance into the a larger component (think page layout, card, modal, etc), and then creating my custom content as a separate component and doing an instance swap to get my custom content into that larger component. It’s either this, or just detaching the larger component and putting my content inside of it, which then defeats the purpose of having that larger component and then it’s just acting a template.

This has bothered me for years and I searched for a solution to/request for this and can’t believe I’m the only one that has ever needed something like this? Hopefully not…

4 replies

dvaliao
Figmate
  • Community Support
  • 4603 replies
  • November 15, 2023

Hey @Ryan_Crippen, thanks for the feedback!

We’ll pass this onto our team for consideration.


This is exactly what my team needs for our design system UI kit. It would open up the possibility to create larger components (e.g. layouts and other predefined wrappers). See the example below for an instance of a popup that can have different types of content. Currently we ask our users to create a local component next to the popup and populate the content slot, but this is a unfortunate workaround.

Screenshot 2024-03-07 at 15.28.04


armproducer

Hello @dvaliao! Do you have any news about this cool feature? Does team working on it or going to work?


Mayumi_Niino

Hello! 

Could this functionality correspond to the ‘Exsamples’ found in the component systems distributed, such as iOS18?
Instances dropped from ‘Exsamples’ are frames and can be modified!

I would like to know how to create this

 

https://gyazo.com/b3a0d105849c1a65d95082ed39d24998

 


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings