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 and follow along ⚡cwc.to/figma
Thanks so much for these exercises. Great for building confidence, and getting over that gap of "what I want to make versus what I have the skills to make". I'd love to see more exercises/challenges!
Congrats Chris, U Know how to teach ! I am from Rio, Brazil and pretty enjoying the contents in your channel! I am a photographer and this design word is totally new for me ! new follower here !
I'd be great if Chris could touch on the "what's next" part. I know Figma is just for prototyping but a quick and dirty demo on how he would go about it. i.e. let's say you create a table view cell and you have multiple elements in that cell like a few labels, one button, etc. I also note there is a code tab in sigma which supports swift so a video on all that would be great!
Hello, because figma is about designin im sure you should be able to put ui elements inside a "container" to mimic a tablerow or something well see if there can be more advanced figma videos in the future so stay tuned :) - Francis
Hello, the superview is always 0 or the edges of the screen because it is the "base". the safeview is also important because it has the space for the battery level and other notifications, its best not to best with them (if they can even be messed with in the firstplace - Francis
hi i'm writting to you because i tried the war game with swift and i putted 3 card instead of 2 with a total of 75 cards but i was wondering if it would be possible to add a system where if a card as passed it couldn't appear anymore and furthermore i don't know why but i cannot put the deal button in the buttom center of the app and finally if it could be possible to have a normal yellow button square rounded
Hello, that seems to be a weird alteration of the war app, i suggest heading over to codecrew.codewithchris.com so we can take a better look to your concerns - Francis
Hi I just made my first original app idea but I when I press my play button that takes me to a new view controller my app crashes and says thread 1: signal SIGBART TERMINATING WITH UNCAUGJT EXEPTION can u please help
When i try to do the ellipses they don't disappear when they are off the frame. I tried to clip content but i don't have the option. IT seemed to adjust automatically for you. I moved to behind but can still see the full circle outside of the frame. Hopefully someone answers me on this old video
Hello, technically when you do auto-layout it will automatically adjust the ui depending on the iphone that is loading it. the problem is that old iphones i(phone 8 and below )have low resolution so most of the time they will not conform to the designs made on the new iphones - Francis
Building the app is the next step. By using the prototype, you can already have an idea of what your app looks like on a device. It’s easier to realize now that a button is too far away for a user, holding the phone single handed, than after production and waste another day or two to code it again to behave better in a certain location. It’s also nice to see if the design, text, plots match well.
Hello Chris, thanks for your videos tutorial, it helps me a lot in creating an app in the future. But first thing I've a little bit confused is that which I will start first. Because I've learned your serie "How to make an app for Beginners" by Xcode, but then I saw about Figma's function. In my first opinion, I will create a draft demo how my app animates, when I will put them on Xcode, is it true? Hoping for your answers ! Thank you so much, Chris !
Hey Chris! Recently I am trying to build a scheduling app, it can add shift and update user profile. Could you tell me how to create a week view (M T W TR F Sa Su) like some scheduling app, and make the exact date showing at the weekview bottom?
I added the circle (in the Bubbly app) but i only see full circles. They don't get automatically cropped like it happens in your video. What am I doing wrong?
Hello, best to post your questions in the CodeCrew forum so that our technical support staff there can assist you. Go here: codecrew.codewithchris.com. Thank you! -Arthur
Thanks, could you please tell me the reason behind doing this. Why don't we just export these shapes to different resolutions?! why do we have to recreate them?!! you already have them.
"Hello, well technically recreating it will ensure that it doesn't loose quality even though we are making it bigger or smaller, you can also opt to go with a big resolution one and have an app like ""Prepo"" (free in the appstore) to scale it down for you in different sizes (x3, x2, x1, with x3 being the original size) - Francis"
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 and follow along ⚡cwc.to/figma
As a first time user of figma, I found this to be super helpful! Please upload more Figma practice videos! Thanks again!
We're glad! Stay tuned for more!
- Kat
New to Figma and these exercises are great practise. Would definitely like another one!
Glad you like them! Stay tuned for more. :)
- Kat
Thanks so much for these exercises. Great for building confidence, and getting over that gap of "what I want to make versus what I have the skills to make". I'd love to see more exercises/challenges!
All right, awesome! Proud of your progress! :-) -Arthur
This is a great video. I wished people would have liked it more. This deserves more appreciation.
Glad you liked it! Thank you. :)
- Kat
I'm a beginner and it was so fun to follow these exercises! I learnt a lot. Thank you!
Glad we were able to help! - Pat
I just completed the exercises, and it was so much fun!! Thank you so much.
This was very helpful. You have a very soothing style which helps reduce my level of frustration. Thank you!
Glad to make a positive impact on your learning journey, Dina! We're cheering for you! :-) -Arthur
@@CodeWithChris Thanks.
Congrats Chris, U Know how to teach ! I am from Rio, Brazil and pretty enjoying the contents in your channel! I am a photographer and this design word is totally new for me ! new follower here !
Very cool! Glad you're enjoying our tutorials!
- Kat
Amazing beginners tutorial! Please keep them coming.
Thank you! Will do!
- Kat
This is really very helpful. i was looking something to practice and got this
Happy to know this. Thank you! -Arthur
This is my first time doing anything related to figma.this was really helpful.we hope to get more.thanks
Awesome, thank you so much! :-) -Arthur
I'm new to figma and this exercise was super helpful, thanks so much!
Happy to know that you found this helpful, Alexa! :-) -Arthur
Good one Chris. I loved the exercise. Looking forward to more figma content!!
Awesome, thank you! More to come!
- Kat
Really liked your tutorial. Easy, but important and helpful exercises!
Glad you liked it! Thank you. :)
- Kat
I'd be great if Chris could touch on the "what's next" part. I know Figma is just for prototyping but a quick and dirty demo on how he would go about it. i.e. let's say you create a table view cell and you have multiple elements in that cell like a few labels, one button, etc. I also note there is a code tab in sigma which supports swift so a video on all that would be great!
Hello, because figma is about designin im sure you should be able to put ui elements inside a "container" to mimic a tablerow or something
well see if there can be more advanced figma videos in the future so stay tuned :)
- Francis
So simple and explanatory.. Would love more.
Thank you! 🙌 Hope you watch our other Figma/app design tutorials. :)
- Kat
This is so so good! More of this please!
Thank you! Stay tuned for more!
- Kat
Thank you so much for this! Made me think some and learned a good bit. Thank you so much for the Figma videos!
I'm so glad! Thanks for learning with us!
- Kat
thanks for the exercises! at first i was following through and then before I knew it I was just doing it without the video playing
Wow great job!! - Pat
Just like in storyboard in Xcode can you put constraint values for superview and safe area?
Hello, the superview is always 0 or the edges of the screen because it is the "base". the safeview is also important because it has the space for the battery level and other notifications, its best not to best with them (if they can even be messed with in the firstplace
- Francis
hi i'm writting to you because i tried the war game with swift and i putted 3 card instead of 2 with a total of 75 cards but i was wondering if it would be possible to add a system where if a card as passed it couldn't appear anymore and furthermore i don't know why but i cannot put the deal button in the buttom center of the app and finally if it could be possible to have a normal yellow button square rounded
Hello, that seems to be a weird alteration of the war app, i suggest heading over to codecrew.codewithchris.com so we can take a better look to your concerns
- Francis
This is great Chris Thanks!
Glad you liked it!
- Kat
Enjoyable exercises , I just wanna know how to save those work or how to publish my website
So worth it!
I'm only 10 minutes in... and yet so helpful
Excellent video ! I've done all the exercises ! Looking for more.... ;-)
Great job! Stay tuned for more!
- Kat
Great exercise!! where cann I find more?
Figma has a HUGE community! If you want more practice, go check out what others are building or go find some inspiration on Dribbble.com
@AdrienVillez
This was really helpful and we hope to get more exercises......it really helped me learn stuff.
Thank you so, so much! :-) -Arthur
Thank you very much for sharing it! Great Content
Our pleasure!
- Kat
Thaks a lot for the video. Great place to get started with figma!!
Thanks for watching! :) - Pat
Hi I just made my first original app idea but I when I press my play button that takes me to a new view controller my app crashes and says thread 1: signal SIGBART TERMINATING WITH UNCAUGJT EXEPTION can u please help
All my outlets are correct
Hello, please head on over to codecrew.codewithchris.com so we can take a look at your code
- Francis
I got it
Amazing video! Just a few suggestions for the future: Memory Match card app, Tic tac Toe or 2048 remake all in swiftUI. :)
Thanks for the ideas! They're added to our list! :)
- Kat
Super useful video! Thanks for this, keep up the great work!
Thanks, Tess! Keep on doing what you do! -Arthur
I am new to figma this tutorial is great would love to see more such from you
Glad to know this, Nilabh! Keep on going! :-) -Arthur
Can you suggest me the next video since I am confuse as what to do next
When i try to do the ellipses they don't disappear when they are off the frame. I tried to clip content but i don't have the option. IT seemed to adjust automatically for you. I moved to behind but can still see the full circle outside of the frame. Hopefully someone answers me on this old video
hii chris, common screen for all sizes of iPhone , cannot we do? . have to do seperately for each of the sizes
Hello, technically when you do auto-layout it will automatically adjust the ui depending on the iphone that is loading it. the problem is that old iphones i(phone 8 and below )have low resolution so most of the time they will not conform to the designs made on the new iphones
- Francis
thanks chris!!!
Any time!
- Kat
I know this is just for designing a prototype, but can the images be saved as individual image assets?
Hello, yes you should be able to download the assets individually for you project, it might ask for a pro version though
- Francis
It would be nice to create a video that shows how to convert all these beuatiful pics into app. I mean from these pics to an app that really works.
Figma is just used for prototyping, so its not connected to your Storyboard and you will have to "re-create" your UI in Xcode
- Francis
Building the app is the next step. By using the prototype, you can already have an idea of what your app looks like on a device. It’s easier to realize now that a button is too far away for a user, holding the phone single handed, than after production and waste another day or two to code it again to behave better in a certain location. It’s also nice to see if the design, text, plots match well.
Hello Chris, thanks for your videos tutorial, it helps me a lot in creating an app in the future. But first thing I've a little bit confused is that which I will start first. Because I've learned your serie "How to make an app for Beginners" by Xcode, but then I saw about Figma's function. In my first opinion, I will create a draft demo how my app animates, when I will put them on Xcode, is it true?
Hoping for your answers ! Thank you so much, Chris !
Yes, that's correct. Figma is just for prototyping your app. After the app design is finished, you will then have to "re-create" it in Xcode.
- Kat
Yes please. More exercise
All right, subscribe for more! :) -Arthur
@@CodeWithChris 🥰 already subscribed a long time ago for iOS tutorials. Thanks for your reply. I really appreciate it.
Hey Chris! Recently I am trying to build a scheduling app, it can add shift and update user profile. Could you tell me how to create a week view (M T W TR F Sa Su) like some scheduling app, and make the exact date showing at the weekview bottom?
Hello, maybe you can try looking for a calendar api that you can reuse at cocoapods.org so it will be easier for you
- Francis
Thank you for sharing!
You're so welcome! -Arthur
@@CodeWithChris I hope you make more demonstration videos for beginners.
I added the circle (in the Bubbly app) but i only see full circles. They don't get automatically cropped like it happens in your video. What am I doing wrong?
Hello, best to post your questions in the CodeCrew forum so that our technical support staff there can assist you. Go here: codecrew.codewithchris.com. Thank you! -Arthur
You are amazing
Thank you! 🙌
- Kat
Thank you so much!
Thanks for watching! - Iñaki
when you will make the videos swift tutorials for elementary
Hello! Here's our beginner Swift tutorial: bit.ly/LearnSwift2019
- Kat
I had already passed this courses
Thanks, could you please tell me the reason behind doing this. Why don't we just export these shapes to different resolutions?! why do we have to recreate them?!! you already have them.
"Hello, well technically recreating it will ensure that it doesn't loose quality even though we are making it bigger or smaller, you can also opt to go with a big resolution one and have an app like ""Prepo"" (free in the appstore) to scale it down for you in different sizes (x3, x2, x1, with x3 being the original size)
- Francis"
super. I'm easily understand.
Yay, way to go, Kali! :-) -Arthur
Is there instructions in Figma like how to use it? 🤔
I think you already found it :) ruclips.net/video/WhlNnf1711M/видео.html
- Kat
Ok
Please sir i m your big fan
Make a video on white spacing, space breathing in mobile app ui design
Hello! Thanks for the suggestion!
- Kat
Moooore please!
We have more Figma videos on our channel. Check them out! :)
- Kat
very helpfull. please upload video
And thank you
It's our pleasure! 🙌
- Kat
Calm explain but the infi iş unefficient.thx
Hello, can you clarify your concern? Thanks! -Arthur
I cheated.
I hope you still enjoyed it! Thanks for watching this.
- Kat
But... I said you can’t