Skip to main content

Figma Integration

The Figma integration lets you import designs directly from your Figma files into XainFlow. Once imported, your designs become assets you can use in AI Suite tools and Flow Studio workflows.

Setup​

To connect your Figma account:

  1. Navigate to Workspace Settings and select the Integrations tab.
  2. Click Connect Figma.
  3. You will be redirected to Figma to authorize XainFlow access.
  4. Grant the requested permissions and click Allow.
  5. You are redirected back to XainFlow with Figma connected.
info

XainFlow requests read-only access to your Figma files. It cannot modify your Figma designs.

Importing Designs​

Once Figma is connected, you can import designs into your asset library:

  1. Navigate to Assets and click Import from Figma.
  2. Browse your Figma files and select the file you want to import from.
  3. Choose specific frames or components to import. You can select multiple items.
  4. Click Import.
  5. The imported designs appear in your asset library, ready to use.

What Gets Imported​

ElementImported As
FramesIndividual image assets
ComponentsIndividual image assets
PagesNot imported directly (select frames within pages)

Using Figma Assets in Workflows​

Imported Figma designs become standard assets in your library. You can use them anywhere you would use any other asset:

  • As input images in AI Suite tools
  • As asset references in Flow Studio nodes
  • As character, product, or background references after re-categorizing
tip

Keep your Figma frames at the resolution you want to use in XainFlow. Importing a high-resolution frame gives the AI more detail to work with during generation.