gridaco / assistant

🤖 Bring your Figma design & development pipeline to the next level - with design to code, in-design-content-management, component management, tools for faster design
https://grida.co/assistant
Other
578 stars 47 forks source link

[new/feature-request] Export interface from variant definition on figma platform #63

Open softmarshmallow opened 3 years ago

softmarshmallow commented 3 years ago

Is your feature request related to a problem? Please describe. Requesting this feature to be on devtools C2C (Component to code) data provider requires the design and the component interface design to exactly match. this is not how the designs and variants are made in most cases. For example, when defining filled button with optional icon, on design side

variant button
 - size: 'small' | 'large' | 'medium' | 'default'
 - icon: true | false
 - variant : 'contained' | 'outlined' | 'text'
 - iconPosition: 'left' | 'right'

which can be represented in a whole other way on development side.

   <Button
        variant="contained"
        color="secondary"
        startIcon={<DeleteIcon />}
      >

taking a deep look, the icon and iconPosition property on design interface has mapped as startIcon or endIcon.

this kind of mapping can be done by bridged coli (computer language interface) editor.

To do this, we need to export design interface from variant definition via assistant first.

Describe the solution you'd like Variant interface as-is exporter should be implemented and available under tools menu for earlystage developers

Additional context The design of this dev tool will be provided by my self soon @softmarshmallow