When starting a design in Flexitive, you can start from either a blank canvas or a template. 


You can create Fixed, Responsive, and Social sizes from a blank canvas. 


Flexitive also has templates available in the Template Section page. For more information on templates or custom templates, see our Using Templates article. 


Building a Fixed Size from a Blank Canvas


After entering a name for your design and selecting the ‘Create’ button, you’ll be taken to the Template Selection page. 


Start with a Blank Canvas

  • Select Blank Canvas under the Fixed Sizes options



Choose Your First Size

  • Selecting a Blank Canvas will take you to the All Sizes Page
    • On this page, browse through all available sizes. Use the tabs on the Create Sizes Panel (on the right side) to filter sizes by:
      • In-Page
      • Fullscreen
      • Landscape or Portrait
  • Under the filter options, you can use a search option to see if the size exists by default, for example, 300x600
  • If a size you need to build a Flexitive design is not available by default, you can add a custom fixed size to your Flexitive instance from the Create Sizes Panel. Learn more about Filtering and Adding Sizes. 




Activate your First Size

  • Click the ‘+’ on any size to activate it




Once your first size is complete, with all elements and animation frames added, use it to activate the rest of the sizes that you need for your project. Flexitive will learn from your first design and adapt that design to your new size. To begin activating additional sizes, simply click on the size from the All Sizes page. 


Building a Responsive Size from a Blank Canvas


After entering a name for your design and selecting the Create button, you’ll be taken to the Template Selection page.


Start with a Blank Canvas

  • On the Template Selection Screen, select Blank Canvas under Responsive Sizes to begin building a responsive design.



Choose Your First Size

  • Selecting a Blank Canvas will take you to the All Sizes Page
  • On this page, browse through all available responsive sizes
    • Responsive Sizes are also called Aspect Ratios
  • You can use the tabs in the Sizes Panel to filter aspect ratios by:
    • In-Page and Fullscreen
    • Landscape and Portrait.


Understanding Responsive Aspect Ratios

  • Fullscreen Aspect Ratios:
    • Designed for interstitial advertisements, landing pages, and digital signage
    • Common ratios include 16:9, 4:3, and 5:3, tailored for viewing across a range of screens
  • In-Page Aspect Ratios:
    • Ideal for banners displayed alongside other page content.


Activate Your First Aspect Ratio/Size

  • Click the ‘+’  on any size in the All Sizes view to enter the editor for that aspect ratio



  • Complete the design for the first activated aspect ratio 


After finishing the first aspect ratio, use it to activate the rest of the aspect ratios that you will need for your project. 




It is recommended that you activate any aspect ratio that your responsive design may be viewed in. This will ensure that it will look good no matter what aspect ratio is used.


After building all of the different sizes for the project, the final banner will be able to respond to the aspect ratios that you have applied. For an example of a responsive design in action, see the GIF below. 



When serving a responsive design, ensure the ad slot the design is being served into is also responsive. A responsive ad slot allows the design to adapt to different screen resolutions and device sizes. Serving a responsive design into a fixed-size ad slot will prevent it from adjusting properly, which may result in the design not displaying correctly.


Building a Social Size from a Blank Canvas


After entering a name for your design and selecting the ‘Create’ button, you’ll be taken to the Template Selection page. Scroll to the bottom of the template options to find the Social Sizes section.


Start with a Blank Canvas

  • Select Blank Canvas under the Social Sizes options



Choose Your First Size

  • Selecting a Blank Canvas will take you to the All Sizes Page
  • On this page, browse through all available sizes
  • Use the tabs on the Create Sizes Panel (on the right side) to filter sizes by:
    • Image Sizes
      • Grouped by social media platforms first e.g Facebook, Instagram Then labeled by their platform-specific purposes e.g cover photo, story
    • Shared Categories
      • Grouped by platform-specific purposes e.g cover photo, profile picture.



Activate Your First Size

  • Click the ‘+’ button in the Create Sizes Panel to activate a size



Once your first size is complete, with all elements and animation frames added, use it to activate the rest of your sizes that you need for your project. Flexitive will learn from your first design and adapt that design to your new size. To begin activating additional sizes, simply click on the size from the All Sizes page.