Figma to Flutter Properties Converter
Converts text style properties, colors, border radius, etc. from Figma to Flutter format(Color , TextStyle , BorderRadius )
You can convert properties in two ways:
- Copy parameter from
Figma , and paste it in your Flutter project using the shortcut CMD+SHIFT+F (for Mac) or CTRL+SHIFT+F (other platforms).
- Select
Figma -formatted parameters in your Flutter project, and press CMD+SHIFT+G (for Mac) or CTRL+SHIFT+G (other platforms).
Shortcuts can be changed in the settings, of course. Also, you can use command palette to run the commands above.
Features
TextStyle convert

Color convert

BorderRadius convert

Extension Settings
f2f-properties-conveter.color.wrapColorInClass
f2f-properties-conveter.textStyle.fontFamilyQuotes
f2f-properties-conveter.textStyle.pasteFontStyleNormalWhenItsUndefined
f2f-properties-conveter.textStyle.pasteZeroLetterSpacingWhenItsUndefined
f2f-properties-conveter.textStyle.wrapTextStyleInClass
Below you can see the definitions:
| |