Gaurav Kumar
Gaurav Kumar

Figma Community iPhone kit

Download the community file here

PROJECT OVERVIEW

During a summer break in college, inspired by the support I received from the design community, I dedicated a week to help new designers by addressing a common challenge: finding resources for newer iPhone models. I created a comprehensive set of design components focused on status bars, aiming to make their entry into design smoother.

PROBLEM STATEMENT

Seeing the need, I put together a detailed set of components for status bars on popular iPhone models. As time went on, I kept adding to and improving this collection, incorporating essentials like home bars, dynamic Island mockups, artboards, and grids. My aim was to lend a hand to up-and-coming designers, motivated by my own early struggles and the common hurdles faced by my peers.

CONTENT

The latest version of the resources includes assets tailored for the iPhone 13, 14, and 15 Series, as outlined below:

  1. Status Bar

  2. Dynamic Island

  3. Home Bar

  4. Mockups

  5. Wallpapers

  6. Artboard and Grid

STATUS BAR

The status bar, a key component since the project's start, has evolved in the latest version to include nested components. This allows seamless switching between dynamic states with thousands of customizable combinations, all available in dark mode.

Introducing Dynamic Island, inspired by Apple's focus on this feature and adopted by businesses, adds versatility in representing various states like compact, minimal, expanded, and incoming calls. It is available for the iPhone 14 and 15 series.

Multiple variants ensure users can easily switch and choose the perfect fit for their specific needs.

Over the past few years, the scope of the project has grown significantly. Starting with status bars, it now includes a broad range of components. This expansion has been fueled by a keen understanding of designers' needs, detailed below.

MOCKUPS

There are two types of mockups: hard mockups and insertable mockups. Hard mockups are high-quality and can be exported in high-resolution PNG format, making them versatile for use in design tools like Photoshop or Framer. Insertable mockups are designed for specific purposes, such as showcasing mobile screen designs on platforms like Dribbble. By dragging designs into the left artboard, the mockup is automatically generated, ensuring a polished presentation.

ARTBOARD AND GRIDS

All artboard sizes are crafted to be pixel-perfect for each device, as specified in the community file. This includes the incorporation of a universal 4-column grid system, ensuring precise and consistent design standards.

GUIDELINES

In the latest version, aimed to be more helpful by providing comprehensive guides within the community file. These guides offer detailed explanations on utilising every component effectively.

COMMUNITY LOVE

I'm truly delighted to witness the community's appreciation for my contributions.

  • 70k Community downloads

  • Top 100 Community file

  • 2 times on top trending charts

  • Most relevant file for "iPhone" and "Status Bar"

Download the community file here


THANKS FOR READING ✨

Send Gaurav Kumar a reply about this page
More from Gaurav Kumar
Back to profile