Responsive HTML (Media Queries)
Select Responsive HTML (Media Queries) when several supplied Figma layouts should be combined into one responsive HTML creative for custom hosting or a compatible third-party placement.
Exporting with this option
- Load the banner frames you want to export into Bannerify.
- Click Export to HTML in the Bannerify header.
- Select the output option named in this guide under Code Output Settings.
- Enter the destination URL or other platform-specific values shown in the export panel.
- Click the export button, download the generated
.zip, and unzip the main Bannerify download.
If you enable Include individual .zip files for each banner, the upload-ready banner packages are placed in the _zips folder. Some responsive and single-file formats use a different package described on their dedicated page.
Always test the exact exported file in the destination platform or its official validator. A local browser preview confirms the creative renders, but it cannot confirm account eligibility or platform approval.
Bannerify includes the supplied layouts in one responsive document, uses media queries to select the matching layout, and adds the destination URL entered in the export panel. It does not generate new layouts, so include every size or breakpoint the placement requires.
This is not a Google Ads upload format. Use Google Ads (Responsive HTML5) for one responsive Google Display upload, or Google Ads for separate fixed-size ZIPs.
See the responsive HTML export tutorial for a complete walkthrough.