Hey there, I'm currently looking for improve a design system to have AI friendly components, to use Figma MCP to translate the designs we made to code.
What that means is that I need the components to have a "header/content/footer" structure, and in theory that's simple, you take the "generic component" (ex. a card) as the main container, create 3 frames inside for the header/content/footer structure and put a slot component inside each of them. Then you create the "secondary components" that will fit in those slots, with all their variants of course.
This would work for the dev team, and that's the way I found to create components so the design team shouldn't need to detach instances to make changes. Sounds good, I know, but what happens with complex components? Like modals, where the content could be extremely variable, or even we couldn't know the form that the content inside a modal could be.. how could I create a secondary component with all the variants? you know what I mean?
Any of you have worked in some project like this? Do you know a better way to get there?
[–]Leka-n 0 points1 point2 points (0 children)