Skip to main content

Export designs to Figma

Learn how to move your designs from Banani to Figma.

Updated today

Banani supports direct copy-paste export to Figma. No plugins or tools needed. Your layout will appear directly in your Figma file: styled, structured, and ready to edit.

Single screen

  1. Open your Figma file where you want the design to go.

  2. In Banani, open the project and select the screen you want to export.

  3. Click Copy to Figma near the screen name.

  4. Wait for the success tooltip in the bottom-right corner.

  5. Switch to Figma and paste the design using:

    • CMD+V / CTRL+V

    • Or right-click on the canvas and choose Paste.

Multiple screens

  1. Open your Figma file where you want the design to go.

  2. In Banani, open the project and select the screen you want to export.

  3. Click Export button in top right corner near Share button.

  4. Select screens you need to export and click Export.

  5. Switch to Figma and paste the design using:

    • CMD+V / CTRL+V

    • Or right-click on the canvas and choose Paste.

Did this answer your question?