Drivetarin.ai figma css to styled components

In figme turn on dev mode and copy css code found. Paste in VsCode Select the pasted code and press cmd+shft+p and select "Convert Figma css to Styled syntax" Your selected css now should get converted to styled format.

eg:

from:

/* Medium/xs */
display: flex;
padding: 16px;
gap: 16px;
color: var(--text-title-2, #374151);

to:

${FontXs};

font-weight: ${({ theme }) => theme.fontWeight.medium};
display: flex;
padding: ${({ theme }) => theme.spacing[16]};
gap: ${({ theme }) => theme.spacing[16]};
color: ${({ theme: { colors } }) => colors.textTitle2};

Known Issues

• ${FontS}; not placed at the top

Release Notes

0.0.1

Initial release