Import frames from Figma (Alpha)

The Figma import feature is in Alpha. To request help or provide feedback, see the Support section.
Uiflow's Figma import feature enables you to import Figma frames directly into your app, so you don't need to manually recreate your UI within Uiflow.
Note: To import a frame into Uiflow, the Figma link must be public. To learn how to configure your Figma project's accessibility, see Figma's Link sharing settings page.

Import a Figma frame

To import a frame from Figma:
To import a frame into Uiflow, you need to retrieve its link from Figma:
  1. 1.
    Open your Figma project.
  2. 2.
    Select the frame you want to import into Uiflow.
  3. 3.
    Click Share > Copy link.
  4. 4.
    Save the link in an easily accessible place. You will need it to import your frame into Uiflow.

Import your frame into Uiflow

To import your frame into Uiflow:
  1. 1.
    Open your Uiflow application.
  2. 2.
    To open the Import Figma frame window, press the following keys:
    • Mac: CMD + shift + f
    • Windows: CTRL + shift + f
  3. 3.
    Paste the Figma frame link from the Copy your frame link section into the Figma file URL field and click Import.
  4. 4.
    Click Import frame.
  5. 5.
    Your Figma frame elements appear in Uiflow.
    Note: Figma frame elements (e.g., text, pictures, etc.) are translated to components in Uiflow, which you can configure as needed.


If you have any feedback or need support, please contact us at [email protected] or through the Uiflow discord channel.