Summary
Keywords
Full Transcript
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 you through the required steps to edit components especially downloading Fonts and Symbols. As we move to Part 2 and 3 we will learn more advanced Figma skills including Components and Prototyping. #figma, #figmatutorial, #figmaforbeginners, #figmadesign, #figmatips, #figma2025, #uxdesign, #uidesign, #ux, #ui, #productdesign, ------------------------------------------------------------------------------- ------------------------------------------------------------------------------- 🔔 if you want to get the latest updates on new releases as soon as possible, make sure to subscribe but also CLIKC the BELL BUTTON so you get notified when I release new Updates. ------------------------------------------------------------------------------- Resources: ------------------------------------------------------------------------------- 🍎 Apple Design Resources Webpage: https://developer.apple.com/design/resources/ 🍎 Apple iOS 18 UI Kit in 🌈 Figma community: https://www.figma.com/community/file/1385659531316001292 DOWNLOAD: 🍎 SF PRO Fonts: https://developer.apple.com/design/resources/#fonts 🍎 SF Symbols: https://developer.apple.com/design/resources/#sf-symbols 🌈 Figma Template for you to use follow the design ⬇️: Will be published with the next video Part 2. ----------------------------------------------------------------------------- 🌸Learn more with Playlists🌸: 🌈 Complete Series Figma for Beginners 2025: https://www.youtube.com/playlist?list=PLXdRMPwB8CHkdA9Sch2ArrgmViCbHyaRN 🔥 Create a project for your Portfolio Playlist: https://www.youtube.com/playlist?list=PLXdRMPwB8CHmVsO8AGFwslE9_Fa4zNtI8 🧘🏻♀️ UX/UI Design Career Playlist: https://www.youtube.com/playlist?list=PLXdRMPwB8CHmky4DDULgzeU-u4XyHNU7y ------------------------------------------------------------------------------- Connect with me! ➡️ LinkedIn: https://www.linkedin.com/in/nehmatgereige/ 👩🏻💻 Portfolio: https://nehmatgereige.com/ 🎓Book Free Mentorship time with me: https://adplist.org/mentors/nehmat-gereige 🌈 Figma Creations: https://www.figma.com/@nehmatgereige ------------------------------------------------------------------------------- 🧘🏻♀️ My Gear: ------------------------------------------------------------------------------- LED Recording Light: https://amzn.to/4b3Ey6p Microphone: https://amzn.to/3EUoFmC MacBook Pro: https://amzn.to/40XXjUc 🌸 Disclaimer 🌸 The links from my gear above are amazon affiliate links which allow me to receive a small commission if you click on one of the product links at absolutely NO ADDITIONAL COST TO YOU. ------------------------------------------------------------------------------- ----------------------------------------------------------------------------- Music Credit ------------------------------------------------------------------------------- Cozy coffee house Music by: Bensound.com/free-music-for-videos License code: JGBSB7A9QOK8UMN8 --------------------------------------------- --------------------------------------------- CHAPTERS: 00:00 #1. Intro 01:06 #2. Get Started with iPhone 01:49 #3. Adding iOS UI Kit 18 to file 02:54 #4. Download SF Fonts & Symbols 03:56 #5. Change content for Navigation Bar 07:33 #6. Customize component Properties 09:13 #7. Tab Bar Change symbols
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
