# Using Convertify

# Selecting your Figma page to convert

Once the Convertify plugin is running, you can select the page you would like to convert, you can click on any page in your Figma file listed in the left-hand column in Figma, under the Pages column heading. Please note that Convertify can convert one page in your Figma file (per plugin use).

Whenever a different page is selected, the plugin will automatically update to reflect how many layers will be converted on the selected page, and calculate a time estimate of how long the conversion will take.

Time Estimates

The time estimate (eg. ~14 seconds to convert 555 layers) is based on the number of layers in your Figma page to give you an indicator of how long the conversion will take. Please note that Figma pages that contain large images will likely increase the time needed to finish converting your Figma page to your Sketch or Adobe XD file.

# Exporting Figma to Sketch files

After you've selected the Figma page you would like to export for Sketch (opens new window), you can follow the steps to convert, download and open your .sketch file.

# Selecting Target Sketch Version

If you're running an older version of Sketch, you can specify the ideal version you need by using the version selector dropdown in the Figma to Sketch row of the plugin.

The default version of Sketch that Convertify will convert/export your Figma file to is Version 72.

# Converting Figma to Sketch

After you've selected your Figma page and Sketch version, you can convert your design to Sketch by clicking the Convert to Sketch button in the Convertify plugin. This will begin the automated conversion process.

Figma will freeze, it's okay

Please note that the Figma interface will freeze up while Convertify is processing your layers and converting each one for your .sketch file. You can leave the plugin running and let it do it's thing until the confirmation screen appears.

Depending on the size of your Figma page, this can take a few seconds, or a number of minutes. While it's not an exact time, Convertify provides a time estimate to give you some idea of how long the conversion should take.

# Downloading your .sketch file

After Convertify has finished processing your Figma page, you'll be shown a confirmation message; you can download your .sketch file by clicking the Download .sketch file button.

File downloads from Figma

If you're using the Figma desktop app, you'll see a prompt appear to download your file. However, if you're using Figma in a web browser, your file will automatically be downloaded to your computer by default (usually to the Downloads directory on your computer).

# Opening your .sketch file

After you've downloaded your .sketch file from Figma to your computer, you can open your file explorer to the directory where it was saved. Double clicking on the exported .sketch file will open it up in the version of Sketch (opens new window) that you have installed on your computer.

# Understanding differences between Figma and Sketch

Convertify does its best to convert all of your layers and atrributes from Figma over to Sketch, however, there are some natural limitations based on Sketch supporting a smaller number of native features than Figma does.

# Figma features that are missing in Sketch

These features are available in Figma, but aren't native to Sketch, so they won't be carried over with the Convertify plugin.

  • Hiding parent artboards
  • Rotated parent artboards
  • Ellipsis with "arc" properties

Please note that Sketch protoypes only supports the interaction of On Click.

Sketch also supports navigation types of Navigate To and Back.

Convertify will only carry over any prototype links in Figma that match these prototype attributes that are supported in Sketch.

# Components

Currently, components and instances are converted as regular layers from Figma to Sketch.

# Exporting Figma to Adobe XD files

After you've selected the Figma page you would like to export for Adobe XD (opens new window), you can follow the steps to convert, download and open your .xd file.

# Converting Figma to Adobe XD

After you've selected your Figma page, you can convert your design to Adobe XD by clicking the Convert to XD (BETA) button in the Convertify plugin. This will begin the automated conversion process.

Figma will freeze, it's okay

Please note that the Figma interface will freeze up while Convertify is processing your layers and converting each one for your .xd file. You can leave the plugin running and let it do it's thing until the confirmation screen appears.

Depending on the size of your Figma page, this can take a few seconds, or a number of minutes. While it's not an exact time, Convertify provides a time estimate to give you some idea of how long the conversion should take.

# Downloading your .xd file

After Convertify has finished processing your Figma page, you'll be shown a confirmation message; you can download your .xd file by clicking the Download .xd file button.

File downloads from Figma

If you're using the Figma desktop app, you'll see a prompt appear to download your file. However, if you're using Figma in a web browser, your file will automatically be downloaded to your computer by default (usually to the Downloads directory on your computer).

# Opening your .xd file

After you've downloaded your .xd file from Figma to your computer, you can open your file explorer to the directory where it was saved. Double clicking on the exported .xd file will open it up in the version of Adobe XD (opens new window) that you have installed on your computer.

# Understanding differences between Figma and Adobe XD

Convertify does its best to convert all of your layers and atrributes from Figma over to Adobe XD, however, there are some natural limitations based on Adobe XD supporting a smaller number of native features than Figma does.

# Figma features that are missing in Adobe XD

These features are available in Figma, but aren't native to Adobe XD, so they won't be carried over with the Convertify plugin.

  • Hiding parent artboards
  • Rotated parent artboards
  • Ellipsis with "arc" properties
  • Mulitple fills/strokes on a layer
  • Vector layers that use corner radius
  • Strokes/fills applied to groups
  • Vertical alignment for text layers
  • Nested layer masks

Please note that Adobe XD protoypes only supports interactions of On Click, On Drag and Key/Gamepad.

Adobe XD also supports navigation types of Navigate To, Open Overlay, Scroll To and Back.

Convertify will only carry over any prototype links in Figma that match these prototype attributes that are supported in Adobe XD.