Figma To Code

Sdílet
Vložit
  • čas přidán 27. 08. 2024

Komentáře • 76

  • @CodeWithChris
    @CodeWithChris  Před rokem

    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:
    ⚡cwc.to/figma

  • @eman31683
    @eman31683 Před rokem +2

    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!

  • @luongkhai6435
    @luongkhai6435 Před 2 lety +2

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

  • @welling1
    @welling1 Před 2 lety +1

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

  • @Endar92
    @Endar92 Před rokem

    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

    • @CodeWithChris
      @CodeWithChris  Před rokem

      Glad it was helpful! Enjoy learning SwiftUi :) - Pat

  • @rtorcato
    @rtorcato Před rokem +8

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

  • @rajdhakate617
    @rajdhakate617 Před 2 lety +3

    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.

  • @AHTUCYKA
    @AHTUCYKA Před 9 měsíci

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

  • @TheRealBlueBeanie
    @TheRealBlueBeanie Před rokem +1

    Imagine not being subscribed to the code crew

  • @lofistudywithsayasan912
    @lofistudywithsayasan912 Před rokem +2

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

  • @strawhatsanji4985
    @strawhatsanji4985 Před 2 lety +4

    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.

    • @CodeWithChris
      @CodeWithChris  Před 2 lety

      Hi there! You can send your tutorial recommendations here app.productstash.io/codewithchris#/ideas and we'll have our team take a look. :) - Pat

    • @strawhatsanji4985
      @strawhatsanji4985 Před 2 lety

      Hey Chris I clicked on the link to add the request but it doesn'take sense adding. I scrolled through the request and all the real world use apps what clients actually ask for you all skipped it and went to the very simple ones for youtube.
      That's no problem but can you recommend a course where I can learn to create these types of apps (Uber Ride Share, Food Dilvery, Netflix, Shopping Apps, Real Estate Apps, Car Dealership Apps.)

    • @CodeWithChris
      @CodeWithChris  Před 2 lety +2

      Hello! We are moving to more complex apps. We just released the full "WhatsApp Clone" course which was called The Chat App on www.codewithchris.com. We are working on a ToDo App for Entrepreneur and the next one on the list might be a Reddit like app.
      We have built a CZcams app, which, once the video source is switch, could be turned into a Netflix app. We also have video about back ends, pretty advance topic too.
      It's not that we are skipping complex apps, the thing is that some project take months of preparation between design, practice/research/study and creating a draft app, etc... As of now, Chris works on all those projects, codes every single apps at least once before doing it again in front of the camera.
      All of this is a lot of work behind the scenes. We are trying to grow the team too to make all this happening faster.
      Now, apps like Uber, Real Estate, etc.. are apps built by teams of hundreds of developers. So what we can showcase are features of apps, or really great starter apps that anyone else can pick up from and continue on its own.
      Definitely add your wish in our IDEA's board like Pat mention, we are working hard to make sure to meet the demand.
      If you have an app idea, I would just recommend to dive right into it and stick to your idea, meet developers online and in your own city, learn from others, grow your skills etc.
      @AdrienVillez

    • @CodeWithChris
      @CodeWithChris  Před 2 lety

      Hey @Strawhat, check this out!!
      codecrew.codewithchris.com/t/car-listing-app-challenge/19866
      @AdrienVillez

  • @salExpolres
    @salExpolres Před rokem

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

  • @NexusUA
    @NexusUA Před 2 lety

    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
    @Exaed Před 3 měsíci

    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
    @SedatOnat Před rokem

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

  • @SedatOnat
    @SedatOnat Před rokem

    Great Explenation. Thanks!

  • @personalpairprogrammer7915

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

  • @carlosreyes6612
    @carlosreyes6612 Před rokem

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

    • @CodeWithChris
      @CodeWithChris  Před rokem

      If you need to support vector graphics, I would recommend using PDF until Apple fully supports it as part of their SDK. It seems SVG support is still partial as of the moment, but you can try and experience it yourself. developer.apple.com/forums/thread/119331 - Pat

  • @dirtbagmoto
    @dirtbagmoto Před 8 měsíci

    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

    • @CodeWithChris
      @CodeWithChris  Před 8 měsíci

      Thanks for your feedback! I'll let Chris know about it! - Iñaki

  • @Kamranazam53
    @Kamranazam53 Před rokem

    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

  • @ruslanbalakishiev249
    @ruslanbalakishiev249 Před 10 měsíci

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

  • @moben5367
    @moben5367 Před 11 měsíci

    Hi can you the same with android?

  • @dillonwiesner1851
    @dillonwiesner1851 Před rokem

    Why use a white rectangle vs. a white background on the VStack?

    • @CodeWithChris
      @CodeWithChris  Před rokem

      Hello! Unfortunately the background modifier doesn’t affect container elements like the VStack.

  • @vijayd8634
    @vijayd8634 Před rokem

    Hi Chris, always a clean presentation from you. Stuck at 27:00: when you define the diff. SwiftUI files (TaskListView etc.), in my code, I have an unresolved identifier (TaskListView()) error. Also "TabView {" shows an "Unable to infer complex closure return type; add explicit type to disambiguate" . I am on Xcode 11.3.1. I am hoping to finish my project with your videos. Thank you.

    • @CodeWithChris
      @CodeWithChris  Před rokem

      Hello Vijay! We are limited with CZcams comments, so please come to our forum and post your code or a screenshot and we will help you get all this working! codecrew.codewithchris.com/
      @AdrienVillez

    • @vijayd8634
      @vijayd8634 Před rokem

      Update: just update your Xcode to support iOS 14; so update your MacOS and XCode to the latest. Worked for me. Thanks Chris.

  • @adrimuhammad3942
    @adrimuhammad3942 Před 2 lety

    I downloaded the program but everytNice tutorialng still says trial version on it??

    • @CodeWithChris
      @CodeWithChris  Před 2 lety

      Hi! We encourage you to post any questions or issues on our CodeCrew forum codecrew.codewithchris.com and have our tech support staff assist you. Thank you! - Pat

  • @alimahdavi3141
    @alimahdavi3141 Před rokem

    Hey Chris, you planning on doing a video for importing Adobe XD into Xcode?

    • @CodeWithChris
      @CodeWithChris  Před rokem

      Same workflow as importing Figma to Xcode, just different interface. You can watch this tutorial czcams.com/video/T8spmslPII8/video.html - Pat

  • @dolphinmoto3226
    @dolphinmoto3226 Před 11 měsíci

    Thanks a lot!!!

  • @qianqian888
    @qianqian888 Před rokem

    thank you so much ~

  • @luongkhai6435
    @luongkhai6435 Před 2 lety

    Can we use SVG instead of PDF?

    • @CodeWithChris
      @CodeWithChris  Před 2 lety

      Xcode doesn't support SVG so it is best to use PDF. If you have more questions, you can always post them on our CodeCrew forum codecrew.codewithchris.com and have our tech support staff help you out. - Pat

    • @redhotbits
      @redhotbits Před 2 lety +1

      @@CodeWithChris that is misinformation, SVG files have been added as of Xcode 12

    • @redhotbits
      @redhotbits Před 2 lety

      yes you should use SVG

    • @sudhakard5273
      @sudhakard5273 Před 2 lety

      Xcode supports svg

  • @luyuanqiang
    @luyuanqiang Před 2 lety

    Amazing.

  • @redhotbits
    @redhotbits Před 2 lety

    svg? SVG files have been added as of Xcode 12

    • @CodeWithChris
      @CodeWithChris  Před 2 lety

      Xcode doesn't support SVG so it is best to use PDF. - Pat

    • @redhotbits
      @redhotbits Před 2 lety

      @@CodeWithChris what year do you live in? SVG files have been added as of Xcode 12

  • @user-ox9ue4he1j
    @user-ox9ue4he1j Před 8 měsíci

    goodd!

    • @CodeWithChris
      @CodeWithChris  Před 8 měsíci

      Glad you think so! Thanks for watching! - Iñaki

  • @Lotuszen-Relaxar
    @Lotuszen-Relaxar Před 2 lety

    Parabéns ao Canal

  • @epic565
    @epic565 Před 2 lety

    So gooooood crack

  • @albertwu96
    @albertwu96 Před 2 lety +1

    What is Figma?😳

    • @CodeWithChris
      @CodeWithChris  Před 2 lety +1

      A free version of Sketch or Adobe Illustrator. Works well on the web or with a team (paid)
      @AdrienVillez

    • @albertwu96
      @albertwu96 Před 2 lety

      @@CodeWithChris 3Q !!!❤️

  • @eman31683
    @eman31683 Před rokem

    Chris, I'm trying to learn how to read the documentation. I looked up navigationBarTitleDisplayMode but it only showed "func navigationBarTitleDisplayMode(_ displayMode: NavigationBarItem.TitleDisplayMode) -> some View" How did you know .inline was an option?

    • @CodeWithChris
      @CodeWithChris  Před rokem

      Hi Ed! You can post your question on our CodeCrew forum. We have our tech support staff who can help you out, just visit this link codecrew.codewithchris.com - Pat

  • @joshadams8761
    @joshadams8761 Před 2 lety

    Helpful video for aspiring developers! For non-Canadians, ZedStack == ZStack.