The recent #UXCollective #newsletter had a sponsored post for #FigmaToWebsite by #DivRiots.

I wondered how they ensure that the output is accessible, because in the description I only found "#Accessibility features" under "Ready for production", nothing else.

So I wrote them an email asking to elaborate how they tackled #a11y for their product. Eagerly anticipating their answer!

https://www.figma.com/community/plugin/1329237288766226289/figma-to-website

#figma #design #ui #ux

figma.to.website | Figma

Design and publish websites without leaving Figma! No code, no extra tools required. 💬 Need help? 📐 Use all your favorite Figma features, they're supported! - Autolayout - Components and variants - Interactions (Prototype) - Variables - Animations ⚡ Get a high performance website - Delight you...

Figma

We owe our new website's top core web vitals to open source tools like #divriots #Jampack which takes care of:

📷 Image optimization
🙌 Optimization above the fold

Find out more about how we use Jampack here:

https://cloudcannon.com/blog/how-jampack-optimizes-our-eleventy-website-and-improves-performance/

How Jampack optimizes our Eleventy website and improves performance

Jampack is a post-processing tool that takes the output of any static site generator and optimizes it for user experience. CloudCannon uses Jampack to achieve perfect Lighthouse scores and excellent Core Web Vitals scores on cloudcannon.com.

CloudCannon