Instagram - UI Kit 1.0

Instagram - UI Kit 1.0

👋

Hi and welcome to the most accurate, pixel-perfect, and versatile Instagram UI Kit available! Packed with variables, advanced properties, overrides, a buttload of components, and premade preview screens.

Originally, I only intended to build a small library for myself to maintain full visual control when creating my Instagram posts. However, as it expanded beyond my plans and considering the current offerings of kits/templates, both free and paid, I decided to turn it into a comprehensive design system and share it with you. And of course, it's free because who doesn't love free, well-crafted shit!

I meticulously created the system from the ground up to be extremely easy to use, eliminating the need to design, build, or even consider any technical details, saving you all the hassle and especially time.

Each component, whether it's icons, small and simple, or large and complex modules, has been rebuilt with microscopic attention to detail and a commitment to achieving the closest possible match to the real Instagram app. Almost every value and constraint is based on variables (tokens), ensuring a robust and consistent implementation across the board, as well as an easy and coherent approach for future maintenance, additions, and updates.

License & Usage

!Do not republish the kit, whether for free or for payment!

Also don't be so brash and impudent, taking more than half of the kit and republishing it as your own UI kit, while falsely claiming that it's been done all by yourself without any mention where it originally came from (like the recently released UI kit on the Figma community page)!

If you’re working for an agency and running a campaign, or you’re a designer in need of some Instagram UI mockups, or you’re just designing posts for your Instagram, feel free to use the kit as you like and need. If you do use the kit or a part of it, I'd appreciate a small shoutout or a link to this page.

Got some questions or feature requests? Don’t hesitate to write me!

Upcoming updates:

The first release is finally out of the gates, and I'm already working on some nice updates with the following planned features and additions:

  • More components and screens for stories and reels

  • Seamless carousel for posts

  • Ads formats

  • Stickers

  • Icons

  • Messaging screens

  • Dark mode

You like this kit? Follow me on Figma, Instagram or any other platform for new content or get in touch and let’s create something amazing together!

Have fun!

Stan Gursky

Stan Gursky
Yo there and welcome!
Get in touch

More by Stan Gursky

View profile