Topics

Figma plugin

Figma2Sitely transfers a Figma design into editable page content in Sitely. This workflow uses the Figma desktop application and Sitely for Mac on the same computer.

Prepare the Figma page

Put the design you want to transfer on a clean Figma page. The plugin processes the current page’s contents, so move unrelated experiments and scratchwork to another page. Review the overall bounds before export: a very wide arrangement of designs will affect the scale of the imported result.

Run Figma2Sitely

Open the intended Sitely project and bring its window to the front. Return to your Figma design file, find Figma2Sitely in Figma Community and run it. The plugin attempts to send the design to the running Sitely app.

If the plugin displays Copy instead, click it, switch to Sitely and choose Edit > Paste, or press Command-V. Follow the plugin’s success or error message, and check which document received the new page before repeating the transfer.

An earlier Figma Community screen, showing the former Figma2Sparkle name. Search for Figma2Sitely in the current Community interface.

Review the imported website content

Check fonts, text wrapping, image crops, groups and vector artwork. The transfer reproduces a visual design; Figma prototype interactions and layout behavior should not be assumed to become a finished website.

Set links and On Click actions, create working buttons and menus, and review the device layouts. Continue editing the native Sitely project. Later changes in Figma are not synchronized automatically.

If the transfer does not arrive

Confirm that Sitely is running with the intended project open and that Figma allows the plugin to run. Use the Copy/Paste option when it is offered. If the imported scale is unexpected, check for distant or unwanted layers on the source page before exporting again.

Keep the Figma file and save a copy of the Sitely project before a major re-import. Repeating a transfer can create additional page content rather than update the previous result.

Please report any shortcoming in this documentation and we’ll fix it as soon as possible!

Updated for Sitely 8