Figma to Flint Plugin – Import & Usage Guidelines

How to Import the Flint Plugin into Figma

Open your Figma design file and click the Figma icon in the top-left corner.
Go to Plugins → Development → Import plugin from manifest file.

Import Figma to Flint Plugin
Select the manifest.json file from your Flint plugin folder.

manifest.json
The plugin is now added and will appear in your Figma Plugins list.

Figma to Flint Plugin

Guidelines for Creating Figma Component Widgets for Flint

To ensure smooth export from Figma to Flint, your design must follow these rules:

- Main Container Must Be a Frame

The top-level widget in Figma must be a Frame.

Only one main parent frame is allowed per component.

Other container types (groups, shapes, etc.) cannot replace the main frame.

Multiple frames selected together are not supported.

- No Duplicate Widget Names

Every widget must have a unique name.

Widgets with the same name will cause the plugin to reject the design.

- All Component States Must Use the Same Size

If your component has multiple states (Default, Active, Hover, etc.):

Each state must have the same width and height.

If any state has a different size, the plugin cannot export it.

- All Component States Must Follow the Same Layer Order

Layers inside the component should appear in the same order for every state.

Changing the layer order in one state makes the component invalid.

Example: If your order is Background → Icon → Text in Default, it must remain the same order in all other states.