My suggestion for Figma is to add a “slot” functionality to components.
This would allow designers to create more flexible and customizable components, by adding empty slots or placeholders within a component. Users could then insert their own content or elements into these slots, without having to ungroup or modify the component itself.
This functionality would save time and increase efficiency for designers, while also promoting a more consistent design system across a project or organization.
I believe this feature would greatly enhance the flexibility and usability of Figma’s component system, and would be a valuable addition to the platform.
Page 2 / 2
Something like this fits perfectly inline with the simplicity and speed that Figma currently offers with respect to UI design or making libraries, it’s a small change (in terms of UX) that adds a huge upgrade. It removes redundancy from designing layout components like collapsible sections and modals - I end up moving to Framer just for things like that. There are very few things that Figma feels lacking in and this is one of them.
It’s confusing to figure out the priorities of an app like Figma which assumes to be community-driven but feels random in what they change.
One more vote from me! Currently, I’ve created components in this way:
If I want to keep the Dialog component as a component, I need to pass a component to the “Replace with your content” area, making composition slow. And so I typically detach the component. I would love to pass whatever content to the content area (slot) and keep the component intact.
Now, if I ever wanted to change, say, the content area padding, I’d need to make that change everywhere in Figma (instead of on the component level). The header and footer I can keep as components, as seen in the screenshot, which is great.
I assume this might be technically difficult on Figma’s side, as otherwise, it seems like low-hanging fruit to implement and get closer to how frontend developers work.
Let’s wait and hope for the best 🤞t2:
+1, we really need this
We need this as well. We are considering to move forms into card containers but managing this to a design team that’s relatively new to a design system isn’t easy to govern. I’m sure the team at Figma has this on their radar. +1 for pushing this idea
This is not a solution you were looking for, but a handy tool to speed up the process and avoid breaking down your instances
I believe that your idea about the introduction of the “slot” plugins that are respectively attached to the Components of Figma is in no such form bad in itself and I also feel it is a great way to achieve backward compatibility through standard APIs without any regressions. These features unequivocally would make the components more flexible and allow us to build richer or more reusable designs. Change the color of the slot background in a slot-based component to light blue.
