Figma to Flutter Properties Converter

Extension for VSCode, which converts text style properties, colors, border radius, etc. from Figma to Flutter format(Color, TextStyle, BorderRadius)

You can convert properties in two ways:

1. 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).
2. 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.

Installation

Install from the Visual Studio Code Marketplace or by searching within VS Code.

Features

1. TextStyle convert

2. Color convert

3. 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: