Settings

Theme

Figma.to.website: Publish websites from Figma with good old engineering

figma.to.website

6 points by georges_gomes 9 months ago · 1 comment

Reader

georges_gomesOP 9 months ago

My dear hackers,

We have been working on figma.to.website for the last 18 months.

The vision is to add the missing [Publish] button to Figma. Design in Figma and directly publish to the web.

When Figma added the "Autolayout wrap" feature, we saw that this could be a reality.

We think we have something that can be proudly presented here today :)

## Features

The feature list is intense:

  - Custom domain
  - Custom code
  - Embed HTML
  - Accessibility
  - Password protection
  - Redirects
  - Bring your own analytics
  - Open Graph metas
  - Favicon
  - ...
We recently added following major features:

  - Forms
  - Localization (with variables modes)
  - Notion as CMS (for blog post, changelogs, etc...)
  - RSS generation
## Performance

We generate static "vanilla" HTML, CSS and JavaScript for maximum performance.

Images are uploaded to a CDN and delivered in the best possible format (WebP/AVIF when possible) and best possible size for the device.

Everything is served from Cloudflare CDN 300+ edge locations.

In a world where everything is AI, this has been done in pure brute-force old-fashion engineering :D

## We use it ourselves

The website https://figma.to.website it self is made with it. The blog post are coming from a Notion database directly. It's a real pleasure to maintain content in Notion and design in Figma!!

## Thanks for reading!

I hope you will enjoy it as much we do.

Ask us anything.

Cheers,

Georges and the ‹div›RIOTS team (https://divRIOTS.com <- homepage also made with figma.to.website)

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection