Figma.to.website: Publish websites from Figma with good old engineering
figma.to.websiteMy 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
## PerformanceWe 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)