Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Figma to Flutter Properties ConverterNew to Visual Studio Code? Get it now.
Figma to Flutter Properties Converter

Figma to Flutter Properties Converter

Radomir Epur

|
7,268 installs
| (0) | Free
Converts Colors, TextStyles, BorderRadius, etc. from Figma to Flutter format
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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:

  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.

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:

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft