Convert Website Designs to Code Fast Using Anima App & Figma

Поделиться
HTML-код
  • Опубликовано: 19 май 2024
  • You can access Anima here bit.ly/3tf6sIm
    In this video, we will convert a website design made using Figma into working code using Anima App.
    Anima is a design-to-code platform that lets designers create fully responsive prototypes that look and work exactly like the finished product, and lets developers take these designs and translate them into developer-friendly code.
    If you want to follow me along my coding journey, be sure to subscribe :)
    / @briandesign

Комментарии • 22

  • @RedBeardRetroTech
    @RedBeardRetroTech Год назад +19

    Funny you seem to skip the part where it asks for $40, thanks for the vid

  • @pleasecomment4470
    @pleasecomment4470 8 месяцев назад

    will option like smart animation and interaction will work ?

  • @devine_noise
    @devine_noise 2 года назад

    Glad youre back!

  • @roykim1170
    @roykim1170 Год назад +2

    Went through several tools like these and all of them have a pretty complicated uiux :/ Currently using function12 for figma to html, its interface is very similar to figma.

  • @hillbillyana
    @hillbillyana Год назад +1

    once you have the code then how do you make that into a site? can you make a video where you take this code and show how one might go about putting it online?

  • @angelartz_sg6216
    @angelartz_sg6216 Год назад +2

    Thank for the clear explanation. May I ask what if I had already built in some motion graphics in Figma prototype( e.g. micro-interaction), can that be converted straight away using Anima instead of redoing that like what you have demonstrated in the video ?

  • @Floridaoutings
    @Floridaoutings 2 года назад +1

    Hey Bryan hope you’re doing well love your videos I have a question for you I’m just about almost finished with CSS I just finished HTML standard coding but my question is should I take JavaScript before I take react or should I just jump in to react I’m trying to go the fastest route rather than just taking a class that I’m not really needing if react already is JavaScript?

    • @cdey3886
      @cdey3886 2 года назад +1

      I think it's a lot better if you know Javascript. Some things you'll need to know are arrow functions, array and array maping.

  • @shahbazkhalid6950
    @shahbazkhalid6950 2 года назад

    Let's see. I'm gonna try it

  • @Joshua-dz4fy
    @Joshua-dz4fy 2 года назад

    Will you do more Next.js tutorials

  • @shawnfightmaster
    @shawnfightmaster 2 года назад +2

    Do you happen to know how the subscription works with Anima? Is the subscription only required when creating the code for the first time. Meaning is it possible to get the subscription, develop the website in FIGMA and then export the code as zip files. From that point forward can the subscription be cancelled and the code be managed from within vscode and deployed?

    • @briandesign
      @briandesign  2 года назад

      I'm not sure if you cancel, so you'd have to contact their support to see how that would work

    • @shawnfightmaster
      @shawnfightmaster 2 года назад

      Thanks for the quick reply. I am really just trying to make sure it’s not intended that a subscription is required the entire time you use the site code their tool generated.

    • @abdulrehmanamir3180
      @abdulrehmanamir3180 2 года назад

      @@briandesign can you make any dashboard video on react

  • @deepak8586
    @deepak8586 Год назад

    can anyone share the figma link!!

  • @phoenixgraze8318
    @phoenixgraze8318 2 года назад

    Amazing

  • @sanderluis3652
    @sanderluis3652 Год назад

    10:29 it's not responsive! it's only have different breakpoints..

  • @alphakurd8850
    @alphakurd8850 2 года назад

    Is this better than codding ?

  • @AlexAnder-rm7vs
    @AlexAnder-rm7vs 2 года назад

    Hi...I need your help bro

  • @AlexAnder-rm7vs
    @AlexAnder-rm7vs 2 года назад

    Hi
    I need your help

  • @VsevolodSidorenko
    @VsevolodSidorenko 10 месяцев назад +1

    this crap doesnt work now. only exports to react but no html option