figma.to.website

4 min read Original article ↗

Like Figma Sites but

with

Notion as CMS Forms Localization High-performance Dark mode RSS more! Notion as a CMS Notion as CMS Notion as CMS

Like Figma Sites but

with

Notion as CMS Forms Localization High-performance Dark mode RSS more! Notion as CMS

Like Figma Sites but

with

Notion as CMS Forms Localization High-performance Dark mode RSS more! Notion as CMS

Turn your Figma files into real websites with Notion as CMS, built-in forms, localization and performance in mind.

Start with a template

Don’t want to design from scratch? Go with a template!
Here are a few that we built for you, ready to use with figma.to.website.

Notion as your CMS

Manage your content in Notion and your design in Figma.
The best of both worlds!

Notion
❖ Component

$15.99 Sanguina Glow 100ml Infused with blood orange & vitamin C, this lightweight cream hydrates, brightens, and protects your skin.

Frame 3465125

Manage your blog posts in Notion

Connect figma.to.website to your Notion databases to serve as a CMS, so you can create blog posts for your website.

CMS Illustration 1

Did I hear you say blog?

Manage your design in Figma and your content in Notion. figma.to.website connects to your Notion databases to serve as a CMS, so you can create lists of items or blog posts for your site.

Custom forms

Custom design your forms. Collect user responses directly in the plugin or in the figma.to.website dashboard.

Gather feedback with forms

figma.to.website automatically detects your forms created in Figma when laid-out with a few specific input field names. Style your form completely to your liking!

Forms Illustration 1

Gather feedback with forms

figma.to.website automatically detects your forms created in Figma when laid-out with a few specific input field names. Style your form completely to your liking!

High performance all-around

Create fast and efficient websites that delight visitors, with excellent SEO ranking.

Image optimization

Images are made responsive and delivered in WebP or AVIF when possible. Use high-resolution images in Figma without worrying about performance across any device.

Optimized code generation

The HTML and CSS code generated is optimized for best Web Core Vital scores.

Hosting

Cloudflare

High-performance hosting

figma.to.website’s built-in hosting delivers your website through a high-performance global CDN with 300+ edge locations around the world (powered by Cloudflare).

Features

State-of-the-art features that make your website ready for prime time.

Accessibility

Add accessibility information into your webpages.

Custom domains

Easily link your personal domains to our platform for a seamless experience.

Analytics

Add the analytics of your choice: Google Analytics, Fathom, Segment...

Animations

Component animation and even scroll-based animations are supported.

Integrations

Integrate any third-party solution by embedding custom code and iframes.

SEO-optimized

Everything you need for great SEO is available out-of-the-box: sitemaps, canonical URLs and meta data.

Localisation

Your site can be in multiple languages with proper support for SEO. All managed through variables.

RSS

Config your RSS feeds based on your content. Your visitors can subscribe to your new content easily.

Dark mode

Both light and dark mode supported via Figma variable modes.

Pricing

Level-up your website to meet your needs.
All plans come with unlimited visitors and unlimited bandwidth.

Personal plans

Level 0

Free forever

Your website free, for life!

15 form submissions per month

Get started

Level 1

On your custom domain.

Everything in Level 0 plus...

30 form submissions per month

No "Made with figma.to.website" badge

Get started

Level 2

Popular

A password-protected website.

Everything in Level 1 plus...

500 form submissions per month

Get started

Business plans

Level 3

Popular

Large sites and self-hosting.

Everything in Level 2 plus...

2,000 form submissions per month

Get started

Level 4

Push all the limits.

Everything in Level 3 plus...

10,000 form submissions per month

Get started

Showcase

This website that you are browsing right now is made with figma.to.website!
Here are a few more examples of the amazing sites our community are building.