Skip to main content
Question

Design System Component with flexible / custom content

  • August 26, 2024
  • 1 reply
  • 69 views

Dad_Zurigo

In my design system, I wanna provide a couple of components that act as containers, e.g., Popover. So, the Figma-user / design system consumer can put inside whatever it needs (img, text…). I don’t want to be too specific & restrictive here.

Currently, the components in Figma act more as closed constructs: All the options we want to provide have to be designed in advance as variants, variables, etc. This is cool for consistency, but it is super rigid for a custom content that can’t be foreseen.

The only way I could provide some flexibility is by suggesting the Figma designer to detach the component instance and then put the custom content inside.

Any thoughts, workarounds, plugins, coming Figma features?

1 reply

Jimmy Leonardsson

The only way I found without detaching is to use placeholder components.

But then the designers need to replace the placeholder component with their own local component. Not exactly perfect, but its a workaround. 

I wish that Figma develops wrapper/container components/frame components where you can insert custom content or insert one or more components inside.

 

https://www.youtube.com/watch?v=gS-MvibsunE

 


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