Figma To Code

In this video, we’re going to taking JC’s design from the previous video (   • Designing an App in Figma - A Step-by...  ) and turning it into code inside an Xcode project. You’ll learn how to dissect an app design in Figma into SwiftUI Layout components, export the design assets, colors and fonts and how to apply all of it into your SwiftUI project.

Figma is a free web-based design tool used by professionals and indie devs to create app designs, prototypes and mockups. Create your free account to follow along:
⚡https://cwc.to/figma

🚨 SPECIAL CWC+ OFFER FOR YOUTUBE:
👋 Our "Launch Your First App" program will help you build up your iOS skills to publish your very own feature rich app even if you’re a beginner starting from scratch. https://cwc.to/youtubeoffer

Timestamps:
00:00 Into
01:13 Chapter 1: Dissect
03:16 Chapter 2: Export design assets
10:38 Chapter 3: Add assets to project
25:05 Chapter 4: Set up initial structures
28:50 Chapter 5: Set up nav
27:26 Chapter 6: Set up scrollview and table
50:52 Outro

Links:
Project: https://github.com/codewithchris/figm...
Figma: https://www.figma.com/file/CLlq2UzMh9...
Font: https://github.com/rsms/inter

🚨 SPECIAL CWC+ OFFER FOR YOUTUBE:
👋 Our "Launch Your First App" program will help you build up your iOS skills to publish your very own feature rich app even if you’re a beginner starting from scratch. https://cwc.to/youtubeoffer

WEEKLY UPDATES VIA EMAIL:
✉️ Every Saturday, receive an email digest of new content - https://cwc.to/newsletter

CONNECT:
🌍 Website - https://codewithchris.com
😺 GitHub - https://github.com/codewithchris
📸 Instagram -   / codewithchris  
🐦 Twitter -   / codewithchris  

ABOUT CODEWITHCHRIS:
We are dedicated to teaching the fundamentals on how to make an app. This is important if you’re trying to land an iOS job, be a freelancer, increase or start a business with an app idea. On this channel and our website, you'll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have learned to code and build apps on their own! https://cwc.to/reviews

DID THESE LESSONS HELP YOU?
Please let us know! - https://fans.codewithchris.com

#Figma #DesignToCode #FigmaToCode