Figma To Code

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:

🚨 SPECIAL CWC+ OFFER FOR YOUTUBE:

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:

🚨 SPECIAL CWC+ OFFER FOR YOUTUBE:

WEEKLY UPDATES VIA EMAIL:

CONNECT:

ABOUT CODEWITHCHRIS:

DID THESE LESSONS HELP YOU?

#Figma #DesignToCode #FigmaToCode

[CodeWithChris]

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:

[eman]

As I'm sure there's have said, this was really helpful and was really good to see. It's taught me a lot about organization aspect, and how you go about creating apps. Appreciate what you do Chris!

[luongkhai]

So the steps are very similar when I’m doing the HTML/CSS. Thanks for useful content!

[welling]

This was very helpful, would love to see a few more videos like this.

[TheRealBlueBeanie]

Imagine not being subscribed to the code crew

[lofistudywithsayasan]

Hello Mr Chris! I like work with your channel))

[Endar]

Very useful, thanks. I am in the process of switching to SwiftUI from UIKit and I got to say that after 7 years of UIKit, it is going to be an interesting transition

[rajdhakate]

Yes pdf actually scales better. I've took this decision in my current organization where we use our icons in pdf formats. That too in single scale and we don't have to work about the different sizes.

[rtorcato]

The Figma to code plugin would save you a ton of time. It exports to swiftui

[strawhatsanji]

Hey Chris I realized everyone on youtube including yourself always teaches the basic types of apps, weather, calculator etc. Very basic, but no one teaches the more difficult ones which are actually sort after.

Examples: Uber rideshare app, Food Delivery, Real Estate, Netflix Movies, Shopping Apps like Amazon, Car Dealer Apps.

Trying to find knowledge on how to create these types of apps it next to none.

[AHTUCYKA]

Thank you a lot! That is what I've been looking for.

[salExpolres]

You are a legend. Very helpful. Looking forward for similar videos. THANK YOU!

[NexusUA]

Just a few minutes ago watched lesson from module 5( swift in 90 days), where you used Figma for Learning app😅
Thanks for your help 🔥

[Exaed]

Thank you for the amazing guide! For some reason my icon at the bottom associated with the toolbar is slightly below the other icons at the bottom. It's as if the toolbox is shifting the icon downwards... Do you have any idea why this might be happening?

[SedatOnat]

It was exteremely informative!!! I cannot thank you more!!!

[personalpairprogrammer]

Cool story! 😎😎 Ill be teaching people this stuff soon!

[dirtbagmoto]

Hey Chris, thanks for all your videos!
I was wondering if you had looked into the new "Dev Mode" feature in figma and if it may be worth sharing that experience in the form of a short video. Cheers

[carlosreyes]

Thanks for this valuable information, one little comment, Icons should be exported as SVG Imo. : )

[Kamranazam]

Hey Chris, Thanks for your video. I am also using one Figma model to move to the code, while my Figma code has lots of screen, so I am quite confused as how to start, whether to start a project in Swift UI or Storyboard

[ruslanbalakishiev]

is that adaptive for other screens if you use certain values for frames?