October 22, 2024 - Learn how to survive the design process of well-structured and responsive UIs with Figma’s Auto-Layouts and how to not be afraid of the Dark Mode using Variables. Hey! My name is Guillem Bruix, I’m a product designer who codes my own apps. My technical understanding of how to program native iOS apps with SwiftUI in Xcode helped me to design better iOS apps in Figma that can be easily implemented in code while remaining HIG compliant.

figma.com › community › file › 947224639640980407 › design-an-ios-app

Design an iOS app | Figma

This community resource is part of the Learning Figma video course. Learn to use Figma for: Design system with components and variantsFlexible designs with autolayoutPrototyping with animations

Videos

17:27

YouTube

How to Design a iOS App UI in Figma (Tutorial) - YouTube

Figma Tutorial for Mobile iOS Design (2021) ✅ Source File - YouTube

September 28, 2020

3.89K

youtube.com

Design an iOS App in Figma: Step by Step Tutorial for Figma ...

25:11

YouTube

Figma Tutorial iOS: iPhone X Design in Figma Step by Step [2019] ...

iOS Figma Tutorial (iPhone App) UI Design: Figma Tutorial & Design ...

Figma Tutorial for Mobile Design (2020) - YouTube

January 14, 2020

View all

Figma Help Center

help.figma.com › hc › en-us › articles › 1500007537281-Guide-to-the-Figma-mobile-app

Guide to the Figma mobile app – Figma Learn - Help Center

Open the Figma mobile app. If you’re using an iOS device with Lockdown Mode enabled, you may receive an error when accessing Figma using a browser. To resolve this issue, you must exclude figma.com from Lockdown Mode on your device.

Designcourse

designcourse.com › blog › post › figma-tutorial---an-introduction-to-a-very-impressive-ui-design--prototyping-tool

Figma Tutorial - An Introduction to a Very Impressive UI Design & Prototyping Tool

In this Figma tutorial, I'm going to walk you through how to design a mobile app project.

Figma

figma.com › community › file › 1476677824644780396 › beginners-ios-app-learn-figma-complete-tutorial-in-2025

Beginners iOS App - learn Figma complete tutorial in 2025 | Figma

Playground file for complete tutorial for Figma in 2025 . Part 0: Interface Basics: Shape, Text & Pen Tools, Comments, Figma AI & Dev Mode:https://youtu.be/G2SacVzoqCs Part 1: How to Use "iOS 18 UI Kit" Components: https://youtu.be/nbLIBRXGN10 Part 2:Card Component with Auto Layout, Text & Boolea...

Figma

figma.com › community › file › 1064199103905392260 › the-survival-kit-for-ios-design-in-figma-ios-15

The Survival Kit for iOS Design in Figma - iOS 15 | Figma

NEW UPDATED VERSION FOR IOS 18 AVAILABLE HERE Learn the fundamentals of Apple Human Interface Guidelines with this UI Kit. Design not only beautiful iOS apps for iPhone, but also usable, code-friendly and ready for production UIs. This is a free learning guide to help you to start your UI Desig...

Figma

figma.com › community › file › 1385659531316001292 › ios-18-and-ipados-18

iOS 18 and iPadOS 18 | Figma

Updated March 21, 2025 Apple’s iOS 18 and iPadOS 18 UI kit for Figma helps you quickly and easily create highly accurate iPhone and iPad design comps and user flows. The kit contains components for all common controls and views, design templates, text styles, color styles, materials, and ...

Design+Code

designcode.io › quick-apps-figma-getting-started

Getting Started with UI Design - UI Design Quick Apps in Figma - Design+Code

A comprehensive guide to the best tips and tricks for UI design. Free tutorials for learning user interface design. ... A comprehensive guide to the best tips and tricks in Figma. Not affiliated with or endorsed by Figma, Inc. ... Build a multi-platform app from scratch using the new techniques in iOS 14.

Figma

figma.com › community › file › 1527721578857867021 › ios-and-ipados-26

iOS and iPadOS 26 | Figma

Updated December 18, 2025 See change log for details Apple’s iOS and iPadOS 26 UI kit for Figma helps you quickly and easily create highly accurate iPhone and iPad design comps and user flows. The kit contains components for all common controls and views, design templates, text styles, color sty...

Find elsewhere

Google Bing Mojeek

Figma

figma.com › community › 4,770+ free ui kits for seamless designs | figma › free iphone & ios ui templates to edit & download | figma

Free iPhone & iOS UI Templates to Edit & Download | Figma

Create stunning iPhone app designs with our iOS UI templates. Explore iPhone screen templates and app designs to elevate your projects today!

YouTube

youtube.com › watch

📱 Figma iOS App: How to Use “iOS 18 UI Kit” – Beginners Project - YouTube

This series of tutorials is a beginner's guide to design an iOS app from scratch. Starting with Part 1 where we leverage the iOS 18 UI Kit by Apple. I guide ...

Published February 22, 2025

reddit.com › r/figmadesign › i built an interactive ios 18 ui kit for figma — with native-style animations and no plugins

r/FigmaDesign on Reddit: I built an interactive iOS 18 UI Kit for Figma — with native-style animations and no plugins

April 16, 2025 -

Hey everyone! I wanted to prototype iOS 18 app flows in Figma — especially app launch — but couldn’t find a kit with native-style animations.

So I made my own: https://www.figma.com/community/file/1494071623063957463/ios-18-interactive-ui-kit

What i've included:

Unlock screen
App launch animation
Simple app switching
Interactive keyboard
Two-level context menus with animations

All built with Smart Animate — no plugins.

Sharing it just in case it’s helpful for quick demos, user tests — or if you’re curious how these iOS-like animations can be built in Figma.

Took a while to get the animations smooth — hope it’s useful!

Top answer

1 of 5

This is so unbelievably cool. Nicely done!

2 of 5

This is sick. Great job 👏

Wondershare

mockitt.wondershare.com › figma › figma-ios-ui-kit.html

How to Use Figma iOS UI Kit (iOS 14 Included)

Do you want to know how to use Figma iOS UI kit? This article will show you the detailed steps to do it.

Figma

figma.com › community › file › 1121065701252736567 › ios-16-ui-kit-for-figma

iOS 16 UI Kit for Figma | Figma

This file contains hundreds of components, templates, demos, and everything else needed to help you start designing for iOS. Each component has been created with the latest version of Auto Layout, ...

Figma

figma.com › community › 14,000+ free mobile app design templates | figma › free & customizable ios app design templates | figma

Free & Customizable iOS App Design Templates | Figma

Discover free iOS app design templates for your next project. Get inspired by sleek, Apple-friendly UI designs. Create stunning iPhone apps today!

Figma

figma.com › community › file › 1101784689160904535 › mobile-app-design-figma-tutorial-for-beginners

Mobile App Design - Figma Tutorial for beginners | Figma

This is a beginner-friendly design of a mobile app that you can use to buy food. In case, you would like to learn how I designed this mobile app, subscribe to my channel on youtube because l have created a tutorial video on it. https://www.youtube.com/c/GloriaNorvor/videos

Figma

figma.com › community › 14,000+ free mobile app design templates | figma › free & editable iphone app design templates for ios | figma

Free & Editable iPhone App Design Templates for iOS | Figma

Create stunning iPhone apps with our free design templates. Explore user-friendly layouts for iOS development. Start your app project for free!

reddit.com › r/legacyjailbreak › free ios 6 ui kit in figma for your legacy projects

r/LegacyJailbreak on Reddit: Free iOS 6 UI Kit in Figma for Your Legacy Projects

September 4, 2024 -

Hey r/LegacyJailbreak,

I just put together a free iOS 6 UI Kit in Figma. It’s a replica of the old iOS 6 look, and it might come in handy for anyone working on tweaks or themes for older iOS versions.

What’s Inside:

15 system apps
153 detailed screens and key system elements
Seamless textures for the responsive designs

Check It Out:

You can see the kit on the website here, and there’s a link to the Figma Community file there as well. Feel free to take a look if it’s useful for your projects.