-
How the design gets there.
Five steps, and the third one is the real work.
Design the pages in Figma.
Send a frame with the plugin.
Lay out the two narrower widths.
Upload your fonts, check the type.
Connect a domain and publish.
-
What the import carries, and what it does not
The import runs one way. The plugin sends a frame from Figma to the canvas, and there is no re-sync. Later changes in the Figma file do not flow into a page already imported — send the frame again, or edit on the canvas. Decide early which file is the master.
Prototype animation stays behind. Figma prototype animations and interactions do not import. Siter.io has its own on-canvas animations, so the movement is rebuilt in the editor. Budget an evening if the prototype was elaborate.
Three fixed breakpoints, not fluid widths. You lay the site out at three set widths and that is the control you get. A design that only works at 1,440px needs a decision about what it becomes on a phone, and that decision is better made in Figma than discovered on the canvas. How the breakpoints work.
Bring the fonts, mind the files. Font files upload on every plan. Export images at the size they are displayed rather than dropping in print masters; a 40MB TIFF helps nobody in a gallery corridor.