Convert designs between Visily and Figma

Boost your team’s collaboration and efficiency with Visily’s Figma plugin!

The plugin makes it easy to move designs between Visily and Figma in both directions: export designs from Visily to Figma for refinement, or import Figma designs into Visily to continue ideation and iteration. Work seamlessly across tools while keeping your team aligned at every stage.

Install the Visily Plugin on Figma

To install the Visily plugin in Figma:

Open a Figma file and click the “Actions” button on the bottom bar.
Go to the “Plugins & widgets” tab and search for “Visily.”
Select the Visily plugin from the results, then click “Run” to install and start using it.

Export Designs to Figma

With the plugin installed, you can transfer designs from Visily to Figma with Visily plugin in two ways: copy-paste or export files from Visily and import them into Figma. All of the designs will be converted into Figma-compatible elements and can be edited freely.

Copy-paste to Figma

In your Visily board, select the screens or elements you want to convert, then copy them by:

Pressing shortcut Cmd C (for Mac) or Ctrl C (for Windows)
Right-clicking on the selection and select “Copy” from the context menu

In Figma, open the Visily plugin, select Import from Visily, click inside the plugin pop-up, and paste your content using Cmd V (for Mac) or Ctrl V (for Windows).

Export to Figma

Export from Visily:
- In your Visily board, select the screens or elements you want to convert, then export them by right-clicking the selection and choosing “Export to Figma.”
- Or, clicking the Share button in the top menu, switching to the “Export to Figma” tab, selecting the screens, and clicking “Export.”
The exported file will be saved to your local storage as a .vis file.
Import into Figma: Open Figma and run the Visily plugin. Select Import from Visily, then drag and drop the .vis file into the plugin window, or click Import file to upload it.

Tip: For large boards, import or paste your design in parts instead of all at once to ensure the Visily plugin runs smoothly.

Import Figma Designs to Visily

The Visily plugin lets you import designs from Figma into Visily using copy-paste or file export. Designs are converted into fully editable Visily designs and components, making it easy to iterate, refine ideas, and collaborate without starting over.

Note: Visily preserves content and styling as closely as possible during import, but some Figma-specific components and properties may not fully translate. Unsupported fonts may be replaced, and advanced styles, such as multiple color layers, per-corner radius values, or complex multi-layer shadows, may be simplified to match Visily’s supported options.

Import your Figma designs to Visily

Open your Figma file and launch the Visily plugin. Select Export to Visily, then choose the layers you want to export (such as frames, groups, or components). Your selection will appear in the plugin preview.

Click Continue to load the layer details. Please keep your layers selected until loading completes, as changing the selection will cancel the current process and update to the newly selected layers. Then choose Copy to clipboard or Export file. A confirmation message will appear once the export is complete.

Next, open your Visily board and import the designs:

Copy to clipboard: Paste directly into the Visily canvas using Cmd V (for Mac) or Ctrl V (for Windows)
Export file: Import the .vis file by either right-clicking on the canvas and selecting Import from Figma, or using Add → Import from Figma.

After the file is uploaded, the import dialog opens, letting you choose which layers to bring into your board. Click Import to add the selected layers to your Visily board.

Import Figma components as saved templates in Visily

If the Figma designs you import into Visily include components, you’ll be able to save them as reusable templates in Visily during the import process. Use the dropdown to choose the save location and manage sync settings