Back to Plugins
figma.to.website — by ‹div›RIOTS — Make websites from Figma (publish or export web HTML,CSS,JS)

figma.to.website — by ‹div›RIOTS — Make websites from Figma (publish or export web HTML,CSS,JS)

Make websites directly from Figma

no codewebfigma-to-codefigma to sitewebsitehtmlfigma to websitefigma to htmlfigma to codefigma to css

Plugin Preview

figma.to.website — by ‹div›RIOTS — Make websites from Figma (publish or export web HTML,CSS,JS) preview

About this plugin

Design and publish websites without leaving Figma!

No code, no extra tools required.

💬 Need help?


📐 Use all your favorite Figma features, they're supported!

  1. Autolayout
  2. Components and variants
  3. Interactions (Prototype)
  4. Variables
  5. Animations


Get a high performance website

  1. Delight your visitors with a blazing fast website
  2. Code generation optimized for best Web Core Vital scores
  3. Hosted on a global CDN with 300+ edge locations around the world
  4. Automatic image optimizations, keep your high resolution images in Figma and don't worry about the performance of your website on any device


📱 Responsive designs

  1. Responsive frames in Figma will be responsive in the website
  2. Create breakpoints with multiple frames for one webpage


🔍 SEO-friendly

  1. Sitemap automatically generated
  2. Open Graph data configurable
  3. Notification to search engines when new content is published


📝 Make your own forms

  1. Design your forms and your inputs 100% in Figma
  2. Collect form submissions directly in figma.to.website
  3. Or embed ready-made forms from Tally, Typeform, Mailchimp...


🧩 Integrate your favorite tools

  1. Analytics (Google Analytics, Fathom, Segment...)
  2. Video players (Youtube, Vimeo...)
  3. Customer service (Intercom, Drift, LiveChat...)
  4. Any custom code or custom embed


🚀 Ready for production

  1. Custom domains
  2. Redirects, when that page URL needs to change but not loose your SEO traffic
  3. Accessibility features


🌐 Export the HTML/CSS code

  1. Ready for deployment on netlify, aws, cloudfront, cloudflare, vercel ...


📅 What's on the roadmap?

Tell us what you want next!


------------------------------

Brought to you by ‹div›RIOTS

💬 Chat with us

------------------------------

Plugin Details

Version255
CreatedJanuary 16, 2024
Last UpdatedApril 14, 2025
CategoryImport & export plugins
CreatordivRIOTS
Stats9064 installs, 2596 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:build/main.js
  • Document Access:dynamic-page
  • Network Access:

    figma.to.website uses a backend to deploy your pages (https://to.website), and assets are uploaded to a Cloudflare R2 bucket and/or Google storage bucket depending on their size. A local agent may be accessed for automatic local font upload, if you started it.

  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhost:13145
    • http://localhost:5001Dev
    • http://localhost:5101Dev
    • http://localhost:5173Dev
    • https://*.divriots.com
    • https://api-oddhqn4pmq-uc.a.run.appDev
    • https://apieu-oddhqn4pmq-ew.a.run.appDev
    • https://dev-designtowebsite.web.app/Dev
    • https://f2w-upload-images.816bcf2d89932e6b5f6ebd6f796077e9.r2.cloudflarestorage.com
    • https://storage.googleapis.com
    • https://to.website