Figside

beta

PricingTemplatesDocs
Updates
Login with Figma

Documentation

  • Your First Website

FAQ

Layout

How to make responsive design?

We provide a lot of effort to support all the awesome Figma features but we advise you to build your design with the Auto Layout Figma feature and our Figma Plugin.

My design does not look like the original

The render is optimized for file designed with the Auto Layout Figma feature. Try to use Auto Layout frames as much as possible!

Which frames are imported?

We import the last frame of each page.

What styles are applied to the root layer?

We automatically add width: 100% and height: 100% to the root layer of each page.

Can I use any fonts?

We automatically import fonts which are available on Google Fonts.

How can I set max and min width to container?

You can use the Figma Plugin.

Navigation

Which page is used for the homepage?

We use the first page of your document as the homepage.

How many pages can I export?

With the free plan you are limited to 2 pages per website and unlimited pages with the pro plan!

How to make links between pages?

You can use the Figma Plugin. Check the Navigation tutorial.

Publishing

How can I publish my website?

Simply hit the Publish button in the project page!

In which format my website is exported?

We generate a React app built with the first-class Next.js framework.

Other

Can I change the hover effect?

For now, we lower the opacity by 10% of hoverd elements. We plan to add new effects in the future.

How to add an alternative text on images?

Figside use the name of your layer as alternative text.

Need some extra help?

Ask a question with the feedback widget (in the footer)