Figma Banner Generator

This is a responsive Figma component I made to build out banners for a campaign. The same component was able to be used for all the ad sizes for social and paid display ads in three design styles. Options for the designs can be changed through the properties panel. Graphics and styles for all the ads can be updated through the parent component to keep all styles, spacing, and imagery consistent across all the individual designs.

The media plan called for 157 designs for social banners and display ads. All sizes were made from the same component with headline, and image only options, in light and dark styles.

The master component had variations for horizontal / vertical, and light / dark.

There are nested components inside the master component with variations for imagery, accent graphics, backgrounds, type styles, spacing, and other customization options.