This guide is for the Instagram UI Kit – for Figma

Figma - Instagram Post Kit | This kit is designed for the formatting of your images and pre-visualization of your grid. You wi...


Written GuideVideo GuideFeedback

This kit is designed for the formatting of your images and pre-visualization of your grid. You will find that the kit is broken out into 3 pages:

  1. Welcome
  2. Components
  3. Image Formatting – profile, single grid and story posts, and slider story posts
  4. Grid visualization – place images in your grid and see how it will look in your feed with a high fidelity prototype

Written Guide

Profile Photo Formatting

  1. Select the master shape
  2. Select fill
  3. Choose Image
  4. Crop or resize as needed

See video if needed

Image Formatter – Wall Post or Story Post

  1. Select any of the 4 shapes
  2. Select fill