Composables to Code

Quickly export a node hierarchy as composables with a customizable mapping for your design system.

This plugin isn't focused on generating pixel-perfect code that mirrors everything Figma offers.

Instead, it's designed to save you from the repetitive task of constantly writing Column, Row, Text, ...,and renaming components or variables to match your design system in code.

Currently Supported Featuressolid colors on texts, borders and backgroundssimple texts with one stylingRow, Column, Box, Text, and FlowRow nodesbox nodes as a fallback for icons or imagesbaseline alignment of textsweight(1f) modifier on child nodes of Row or Columnfixed sizing modifiersmapping of local variables (only paddings)mapping of text and color stylesretain the original name of the nodes as a commentBugs or Feature Requests?

You can either leave a commentor write an email to hey@letsprescribe.company.

If you encounter any bug, please attach a *.fig file as a reference.

Source: https://github.com/lets-prescribe/composables-to-code