Figma VSCode Extension!! Convert Design to Code!

Поділитися
Вставка
  • Опубліковано 7 січ 2025

КОМЕНТАРІ • 69

  • @CoderOne
    @CoderOne  Рік тому +2

    🎉Our Newsletter is live! Join thousands of other developers
    islemmaboud.com/join-newsletter

  • @onlyengineering1962
    @onlyengineering1962 Рік тому +206

    coding with AI- 1 hour of code, 10 hours of desbugging

    • @coding-is-fun101
      @coding-is-fun101 Рік тому +13

      Unless you know how to clean your AI code as you build

    • @SAINT_PATRICK
      @SAINT_PATRICK Рік тому +24

      10 hours to debug something really isn't that bad if it's the complete project

    • @MohanaKumar-xy5xm
      @MohanaKumar-xy5xm 11 місяців тому +6

      I mean it's bettee than dozens of hours of actually coding.

    • @jfinthetrap
      @jfinthetrap 11 місяців тому +14

      Still better than 10 days of coding
      Also if you have more experience in coding part , cleaning will be lot easier

    • @JosueHernandez-nj9bc
      @JosueHernandez-nj9bc 10 місяців тому +2

      I'll say half of that since chat-gpt can clean it up where you think the bugs are at= less stress

  • @mertdr
    @mertdr Рік тому +53

    I’ve just activated dev mode and it looks good for beginners in a glance but it’s far from useful for experienced devs. Reminds me of Dreamweaver days back then. Tons of garbage styling with arbitrary dimensions. Probably refactoring the code would take more time than writing from scratch. But I liked new layout features with min - max width values that make the layout act like responsive.

    • @Leyksnal
      @Leyksnal Рік тому +2

      exactly

    • @SAINT_PATRICK
      @SAINT_PATRICK Рік тому +5

      The funny thing is the client won't give a damn about nothing you just typed if the results meet their requirements

    • @soldatkain
      @soldatkain 11 місяців тому

      but you will, when you get there new requirements. @@SAINT_PATRICK

    • @aerozg
      @aerozg 9 місяців тому +2

      Exactly. Hell, lets bring back the "spacer.gif"! 😅

  • @obbeel
    @obbeel Місяць тому

    Very honest take, thank you.

  • @Darbokst
    @Darbokst 11 місяців тому +1

    so i can import my pages in vs code then save them as whatever extension I need and with some minor tweeks it will work?

  • @mukuljaitu
    @mukuljaitu 6 місяців тому

    Very helpful. Thanks Sir ❤

  • @dhiyaulhaqdazakiyyah5631
    @dhiyaulhaqdazakiyyah5631 Рік тому

    thanks for the detail explanation, informative and understandnable

  • @TsTheSeason
    @TsTheSeason Рік тому +1

    Thank you! This is great...

  •  Рік тому +14

    Dude, what you said is perfect, but do the cods coming out of figma support reponsive design?

    • @chadgtr34
      @chadgtr34 7 місяців тому

      responsiveness is not important for his subscribers.

  • @cloudsystem3740
    @cloudsystem3740 Рік тому +1

    wow thank you for sharing that's really useful

  • @aerozg
    @aerozg 9 місяців тому +8

    LOL i still have to code everything from scratch manually and break apart the design and adapt it to our internal company standards, this is no help at all. I have been a frontend developer since 2005 and none od these "design-to-code" gimmicks ever worked. It's just a pipe dream.

    • @shesparks64
      @shesparks64 7 місяців тому

      frontend dev since 2005? This is sooo cool. Now you must be pro in css..

  • @sofiuzzaman-sofi
    @sofiuzzaman-sofi 11 місяців тому

    Verry Helpfull Bro.

  • @daveanvs
    @daveanvs 7 місяців тому

    Hi do you know if there is a way or extension to version your Figma designs in a GitHub repository, without having to export manually?

  • @floyd1411
    @floyd1411 Рік тому

    quick noob question - is there a way to export figma animation to webflow?

  • @frigga
    @frigga Рік тому

    Are there code generator plugins that support rem for styling ? 🙏

  • @sergio.arboleda
    @sergio.arboleda 6 місяців тому

    Absolute position is bat for developers? 6:36

  • @FilthySnob
    @FilthySnob Рік тому +3

    do you have that miranda sings accent on purpose or thats how you're all the time?

  • @OlgaMasudi
    @OlgaMasudi Місяць тому

    Is there a dev mode on Figma? for free? ( must pay for the figma pro first)

  • @johnmarkbondad6009
    @johnmarkbondad6009 Рік тому +4

    seems pretty good. however, i can't open figma files on vscode

  • @polymath-403
    @polymath-403 Рік тому

    Damn!!! incredible

  • @vivianliu5011
    @vivianliu5011 Рік тому +5

    the tailwind export is terrible! I will not suggest you to copy that. Learn how to write code properly. It might be good for reference, but don't just copy and paste!

  • @criticalthinker88gis13
    @criticalthinker88gis13 Рік тому

    Its good and bad, everything as divs is not correct markup and absolute widths and heights makes responsive design a nightmare but it saves some time

  • @Леонид-с5з
    @Леонид-с5з Місяць тому

    1:44
    8:51

  • @ivanjezakonful
    @ivanjezakonful Рік тому +7

    Why the hype? HAs any of you used FIgma before as a developer. All the info and the code you could get before too. It was called inspection mode. Literally not a single new feature is added. They just renamed the mode and reorganised few things. Ok, spacings, margins and padding are maybe little better displayed, but that is it. This literally adds almost 0 value to me as a developer.

    • @bigcitydreamz4444
      @bigcitydreamz4444 11 місяців тому

      How long you been a developer?

    • @davethorn9423
      @davethorn9423 5 місяців тому

      I've used Figma but it didn't have the code and React stuff , this looks really good. I think you might want to rewatch the video

  • @Leyksnal
    @Leyksnal Рік тому +1

    This is not bad at all , but it doesnt fit for me , so much garbage that needs refactoring and that will have to take some more couple of time

  • @IIT_Nivedhith
    @IIT_Nivedhith Рік тому

    is this free? Can i make a chrome extension with this?

  • @Yuryi_Abrokov
    @Yuryi_Abrokov Рік тому

    I will try it. It looks exciting. Is it really so cool&

  • @aligharbi509
    @aligharbi509 Рік тому

    Does this mean I can be a web designer and developer at the same time ?

  • @marlboro9tibike
    @marlboro9tibike 11 місяців тому +2

    Dev mode is not free. To hell with it.

    • @MubashirullahD
      @MubashirullahD 3 місяці тому

      This was a bad move on their part.

  • @HSGG_
    @HSGG_ Рік тому

    these code generator aren't nearly as good as manually coding out

  • @rishiraj2548
    @rishiraj2548 Рік тому

    Good day greetings

  • @enricocarruba6173
    @enricocarruba6173 6 місяців тому

    Actually a real good video but "you know" a million times really stoped my attention to its actual content :(

  • @nicholevacante7153
    @nicholevacante7153 Рік тому +1

    "PromoSM"

  • @jei1036
    @jei1036 Рік тому +5

    Ligma is better

  • @ThugbossYT2
    @ThugbossYT2 9 місяців тому +1

    Figma balls

  • @user-nk3rs9yn1n
    @user-nk3rs9yn1n Рік тому +1

    Salesman.

  • @ruslan_nurgaleev
    @ruslan_nurgaleev Рік тому +2

    бесполезное видео

  • @shahabhosseiniashna1710
    @shahabhosseiniashna1710 Рік тому

    like

  • @JagatSingh-me8ko
    @JagatSingh-me8ko 5 місяців тому

    Did you have something in your mouth, I am listening you on headphones but couldn't understand some of your words

  • @SayWhaaaaaaaaaaaaaaaaaaaaaaat
    @SayWhaaaaaaaaaaaaaaaaaaaaaaat 8 місяців тому

    horible

  • @aurelianspodarec2629
    @aurelianspodarec2629 7 місяців тому

    Do you even code lol horrible code