We’re always improving figma.to.website and adding new features to make it the best it can be... To share all the latest improvements with you, we’ll be sending a monthly update called What’s New, so you can catch up on everything we’ve launched over the last month.
Keep reading for all the great stuff we just released!
What’s new on figma.to.website
📼 Native support for videos
A long-awaited feature, figma.to.website now natively supports videos for any public Figma files! Simply drag and drop your MP4 video into your design and figma.to.website will publish it together with the rest of your site.
ℹ️ Currently only supported for public Figma files. If your file is private, check our Designer’s Guide for a temporary workaround.
🎉 Scroll-based animations
Scroll-based animations are not available yet with Figma prototyping. However, figma.to.website has enabled a solution to achieve these beloved effects! Now, to create an animation when a layer appears on screen, you can achieve this effect by creating a component with a special property called @appear.
➡️Learn how to add scroll-based animations to your website.
🌎 Localization support (early access)
If you’re building an international website that is available in multiple languages, figma.to.website now comes with full support for different international modes of your website! In Figma, simply create collections of variables where all modes are locales and figma.to.website will automatically present the correct mode (and language) to the visitor, depending on their browser settings.
➡️Learn how to set up Localization for your site with figma.to.wesbite.
📲 Device specific modes
Now, you can also change the content of your website based on the device characteristics of the visitor. As figma.to.website is based on Figma component variants, you can have variants for all sort of device characteristics like input mouse or touch, screen orientation (landscape or portrait), if the input device has hover capabilities or not, if the output is for screen or for print and more!
➡️Learn how to set up component variants for device-specific modes for your site.
CMS coming next month!
We’ve been working hard on something many of you have been asking for and we’re almost ready to launch it. If you’re in need of a CMS or blog to add to your website, stay tuned… It’s coming to you really soon!