How to efficiently bridge Figma JPG exports to automated WebP/AVIF delivery in Magento Hyvä development?

We have just started developing a new Magento 2 website using the Hyvä Theme. Our designer is providing our layout assets (like homepage slideshows, banners, and promotional components) via Figma URLs.

Currently, the source images exported from Figma are standard, high-quality JPGs. Since we are in the early stages of building out our custom Hyvä templates and components, we want to know the best workflow practice used by the community to convert these assets into AVIF and WebP formats for maximum performance.

Specifically:

CMS/Figma Assets Workflow: Do you manually convert the JPGs exported from Figma using online tools before coding them into your Alpine.js slider/banner components, or do you hardcode the standard JPG paths and let a server-side extension or CDN handle the automated AVIF/WebP rewriting dynamically?