Your Figma design, live as a website
You already made every decision the site needs. Import your frames, finish each layout on a free-form canvas, and publish without handing the design to anyone else.
Built for people who design.
-
Start from your Figma file
The Siter.io plugin imports your Figma frames into a Siter page, on every plan, Free included.
-
Set in your own type
Upload the font files your design uses, or pick a family from the built-in Google Fonts library.
5 font formats
- WOFF2
- WOFF
- TTF
- OTF
- EOT
-
Placed to the pixel
Hold Alt with an element selected, and red lines show the distance to everything around it.
A designed layout for every screen.
Arrange Desktop, Tablet and Mobile by hand, so the phone version looks as considered as the desktop.
Breakpoints
Desktop, Tablet and Mobile come set up. Press + to add a custom width.
Mobile 375
Arrange each layout yourself. An element keeps its own position, size and style at every width.
Scale On Large Screens
Stretch the layout on screens wider than your largest breakpoint, or keep it at its size.
Publish
Publish the page straight from the editor, on its own address or your domain.
From frame to live site in three steps.
-
Import your frames
Pair the Figma plugin with your account and send finished frames into a Siter page.
-
Finish every width
Arrange the tablet and phone layouts, add animations, and give each page its title and description.
-
Publish
Publish at a name.getsiter.com address, or connect your own domain on a paid plan.
Frequently asked.
Does it stay in sync with my Figma file?
No, the import runs one way. Once a frame is on the canvas it is its own page, so send frames when they are finished and make later changes here.
Will my prototype animations come across?
No. Animations and interactions wired in Figma’s prototype tab stay in Figma. Build the motion on the canvas with Siter.io’s own animations instead.
Can I publish for free?
Yes. The Free plan publishes 1 website at name.getsiter.com with 3 pages. Your own domain needs a paid plan (see the plans). HTTPS is included on your custom domain, issued automatically.
Can I get the code out?
HTML download on Pro only, one page at a time: a ZIP with the page's HTML and its images, CSS and JavaScript, not a full-site export. If a handover depends on it, try it on one page first.
Can a teammate or a client work on it with me?
Yes, on a paid plan. Invite them from the website’s Team tab as a Member, who edits and publishes pages, or as an Admin, who can also invite people and manage the website. Seats are counted per website, you included.
What can’t it do?
There is no CMS or blog, no online store and one language per site. It suits a portfolio or a studio site of designed pages, not a site someone posts to every week.
Who else it is for
- Portfolio builder A designer's portfolio on a free-form canvas, with case-study pages, a contact form and your own domain.
- Landing page builder Design a launch or waitlist page on a free-form canvas, collect sign-ups with forms, track campaigns, and publish it on your own domain.
- No-code builder Design on a free-form canvas and publish forms, hosting, your domain, analytics and SEO without writing code.
- For photographers Full-bleed galleries, a phone layout you place, and a licensing form.
- For artists A portfolio that looks like the work, with an inquiry form for sales.
- For nonprofits A site your team can edit, with a Donate button to your giving page.
- For agencies Several client sites, roles for your team, and a clean handoff.
- For freelancers One designer, a few client sites, and a handoff when the work is done.
- For studios Editor seats, roles and shared components for a small team.
Start from the file
you already made.
Import one finished frame and see what lands on the canvas.