Skip to main content
Question

Design System Component with flexible / custom content

  • August 26, 2024
  • 1 reply
  • 68 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?

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.

 

 


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