Figma To Real Animated Websites Magically! - No Code Needed | Figma To Framer Sites

แชร์
ฝัง

ความคิดเห็น • 84

  • @hemisgio18
    @hemisgio18 4 หลายเดือนก่อน

    That's the first time I understand how Framer works and how I can paste things from Figma! Thank you so much for the video!

  • @nehasoni8504
    @nehasoni8504 ปีที่แล้ว +6

    Tutorial is Crisp and to the point, loaded with information ♥

  • @ujjawalaggarwal9610
    @ujjawalaggarwal9610 ปีที่แล้ว +1

    Amazing man! I was searching for this exact tutorial but all I was getting was how to use framer for UI screens. Thanks a lot!

  • @farhana6583
    @farhana6583 5 หลายเดือนก่อน +1

    This is straight to the point! thankyou

    • @PunitChawla
      @PunitChawla  4 หลายเดือนก่อน

      Glad you liked it :)

  • @RaihanUddinSuman
    @RaihanUddinSuman 9 หลายเดือนก่อน +1

    Lovely! Awesome! Thank you Man!

  • @chandrashravani1723
    @chandrashravani1723 7 หลายเดือนก่อน +1

    actually I need this thanks a lot sir
    😍

    • @PunitChawla
      @PunitChawla  5 หลายเดือนก่อน

      Glad you found it helpful :D

  • @sophie-you
    @sophie-you 11 หลายเดือนก่อน

    Love your tutorials, thank you for sharing 💙

  • @et1555
    @et1555 7 หลายเดือนก่อน

    All that is fine but can you please tell how to actually publish this, what all is required. I mean that has to be the whole point of this massive endeavour in the first place.

  • @a_clairexr4467
    @a_clairexr4467 ปีที่แล้ว +1

    Can I use 2d art with figma on my website do I need coding 😔

  • @meerzaighamali9713
    @meerzaighamali9713 18 วันที่ผ่านมา

    gOING WITH SPEED OF LIGHT

  • @cybyr_
    @cybyr_ ปีที่แล้ว +1

    How do I import multiple screen sizes from Figma to Framer?

  • @digitalsketchguy7844
    @digitalsketchguy7844 9 หลายเดือนก่อน +4

    Why bother with Figma. Framer started off as a prototyping tool. Do it all in Framer.

  • @2wentyracks
    @2wentyracks ปีที่แล้ว

    Thankyou for the info🙏🏻

  • @satheeshkumar3770
    @satheeshkumar3770 10 หลายเดือนก่อน +1

    Can I copy my prototypes from my figma design
    to framer without losing it?

    • @PunitChawla
      @PunitChawla  10 หลายเดือนก่อน

      Unfortunately animations and interactions are not all transfered. However, do try a small prototype and see how much gets converted.

  • @bhanusrireddy1012
    @bhanusrireddy1012 หลายเดือนก่อน

    Can we import framer file into figma

  • @SantaniRana
    @SantaniRana ปีที่แล้ว

    what if we want to make webapp on framer without code, using no code tool like zapier and airtable

  • @Diyas_world
    @Diyas_world 8 หลายเดือนก่อน

    is it possible for us to host the webiste in a custom domain?

  • @LifeBouy1
    @LifeBouy1 4 หลายเดือนก่อน

    Where do you get those images from

  • @kuntaldey4471
    @kuntaldey4471 ปีที่แล้ว

    If I want to host the website on my own personal server, can I export the code in the free version?

  • @hibbanasim6514
    @hibbanasim6514 ปีที่แล้ว

    Can we export Working prototyper to framer

  • @dharanidharank3030
    @dharanidharank3030 9 หลายเดือนก่อน

    i want last website tutorial video
    bro

  • @workmenstudioinc1880
    @workmenstudioinc1880 ปีที่แล้ว +6

    I like this and think it would be cool if Figma and Framer worked together to create Shopify themes.

    • @jesusavendano5261
      @jesusavendano5261 ปีที่แล้ว

      It's a little difficult but not impossible

  • @panhakim3479
    @panhakim3479 ปีที่แล้ว +1

    can i expoert it into code?

    • @shashanksoni2821
      @shashanksoni2821 11 หลายเดือนก่อน

      please let me know if you have found the solution for this.

    • @matthewgibson6013
      @matthewgibson6013 9 หลายเดือนก่อน

      can u?

  • @SyahidinaAlif
    @SyahidinaAlif ปีที่แล้ว +2

    This is super insightful. Thank you and keep going!

    • @PunitChawla
      @PunitChawla  ปีที่แล้ว

      Glad you found it useful

  • @saurabhgupta5257
    @saurabhgupta5257 ปีที่แล้ว

    Can framer replace frontend developer jobs ?

    • @eashwarkrishna7936
      @eashwarkrishna7936 ปีที่แล้ว

      Definitely not it’s will reduce time for developer

    • @chadmoschino2607
      @chadmoschino2607 ปีที่แล้ว

      Nah lol all this shi just makes it easier 🎉

  • @christophs.3869
    @christophs.3869 ปีที่แล้ว +6

    Hey man....can i export code from framer and move my project to webflow?

    • @bearduo
      @bearduo ปีที่แล้ว

      No you can’t

    • @Mememaxing
      @Mememaxing 10 หลายเดือนก่อน

      Yes

  • @jesusavendano5261
    @jesusavendano5261 ปีที่แล้ว +1

    This is magic, i hope to learn framer in the next year

  • @strahilprimedivision8718
    @strahilprimedivision8718 ปีที่แล้ว +2

    You are a gem my friend!

    • @PunitChawla
      @PunitChawla  ปีที่แล้ว

      Thank you my friend! :)

  • @drama.sreerama
    @drama.sreerama ปีที่แล้ว +1

    This was super helpful! Thank you!

  • @OrensteinDsouza
    @OrensteinDsouza ปีที่แล้ว +2

    Hi Punit, thank you for your video! :) I need your advice. I have learnt a bit of Webflow to build my Portfolio website and I need to add more projects. After watching this video I am considering trying out framer to make my process easier as the process on webflow is taking me time i.e Designing on Figma and translating those designs to Webflow. Do you think this would be worth the switch considering Webflow follows a practice on generating clean code?

    • @sonikop
      @sonikop ปีที่แล้ว +3

      I won't say to switch! Webflow is lot powerful at it's point, but for a portfolio website or simple landing pages, you must should give a try to Framer. Don't switch, keep both♥️

  • @samyetism3492
    @samyetism3492 ปีที่แล้ว +2

    Amazing video! Keep it up!

  • @tsdonalds1668
    @tsdonalds1668 ปีที่แล้ว

    I tried dora being a devloper and proved to use less 😢can any one help this poor dev

  • @ayushimishra8002
    @ayushimishra8002 ปีที่แล้ว +1

    Thank you so much for making this video. Super useful

  • @Gagan_salwan
    @Gagan_salwan ปีที่แล้ว

    Amazing as always, great video!

  • @caglisto
    @caglisto ปีที่แล้ว +1

    More videos like this please!!

  • @kiexx
    @kiexx ปีที่แล้ว +1

    Very nice tutorial, thank you so much sir

  • @cyrilignatius1784
    @cyrilignatius1784 ปีที่แล้ว +1

    the one which I stucked to how to do?...luckily you had helped me on correct time !
    thank you so much man

  • @des7638
    @des7638 ปีที่แล้ว +1

    Awesome demo

  • @Saeed....
    @Saeed.... ปีที่แล้ว

    Wow this is great features

  • @SuperMoemedi
    @SuperMoemedi ปีที่แล้ว +1

    Amazing tutorial

  • @pavankshirsagar224
    @pavankshirsagar224 ปีที่แล้ว +2

    can you please tell me how to host this site made in framer?

  • @shubhiagrawal9885
    @shubhiagrawal9885 ปีที่แล้ว

    Finally😍 thanku so much you made it so easy now I can use this for my projects🤓

    • @AftarHussain-ml7hb
      @AftarHussain-ml7hb ปีที่แล้ว

      how to import it to WordPress elementor any idea?

  • @smartthemers7781
    @smartthemers7781 ปีที่แล้ว +2

    Can we export these animation to code?

    • @aestheticaryan763
      @aestheticaryan763 ปีที่แล้ว

      yes, as a lottie file

    • @tsdonalds1668
      @tsdonalds1668 ปีที่แล้ว

      ​​@@aestheticaryan763what are they,new in here and want to know this before learning 😊

  • @ceriousx
    @ceriousx ปีที่แล้ว

    Such an informative video😍

  • @soypablocarballo
    @soypablocarballo ปีที่แล้ว +1

    I loved it. But... how you convert this to a real site with CSS for publishing?

    • @tissoeh
      @tissoeh ปีที่แล้ว +1

      You have to take a monthly subscription, you'll get a domain name and hosting from Framer themselves

    • @soypablocarballo
      @soypablocarballo ปีที่แล้ว

      @@tissoeh Thanks for the answer! :D

  • @taimoorrasheed7532
    @taimoorrasheed7532 ปีที่แล้ว

    Owsumm..great 👍

  • @leonide2906
    @leonide2906 ปีที่แล้ว

    Thank you fr your helpful video. But the question is : how to export your Framer code to host on internet, especially on headless CMS and Vercel or Netlify ? Is this like Webflow which is useless as you cannot export all features to deploy on your current customer's tools ?

  • @petersonkariuki8300
    @petersonkariuki8300 ปีที่แล้ว

    Thank you for your video.

  • @adied7725
    @adied7725 ปีที่แล้ว

    is there any free plugin inside framer that could be used to build animations?, please .....mots plugins need need to export, this is time consuming

  • @Milanv0908
    @Milanv0908 ปีที่แล้ว

    Can you publish the site to something like google woth just framer? Also if possible is it then possible to lets say have a form that sends me an e-mail if filled in? Or some sort like that?

  • @hellovenkee
    @hellovenkee ปีที่แล้ว

    wonderful

  • @dapsyculture907
    @dapsyculture907 ปีที่แล้ว

    everday keep learning and making coding easy....what abt the javascript pls

  • @nareshpalsingh3975
    @nareshpalsingh3975 ปีที่แล้ว

    The new Framer has a lot of potential!!
    Framer > figma now

  • @MrAstor69
    @MrAstor69 ปีที่แล้ว

    Nice video

  • @basmaelhalabi1754
    @basmaelhalabi1754 ปีที่แล้ว

    Thanks 🙏🙏
    We need how use mona sans font please 🥺❤️

  • @tanimistiak
    @tanimistiak 6 หลายเดือนก่อน

    Framer is a trash in terms of usability. I can only host website on their server. I cant even export the codes lol.

    • @PunitChawla
      @PunitChawla  5 หลายเดือนก่อน +1

      Well, their business depends on that tbh. It's the same with some other no-code tools.

  • @kimbapslayer1995
    @kimbapslayer1995 ปีที่แล้ว

    This is great for designers but as a coder, id rather just use html, cue or jsx templates. Then throw in framer motion or another animation library. Plus no bloatware in the code.

  • @jesusavendano5261
    @jesusavendano5261 ปีที่แล้ว

    What is your tip for search job in the next year?

  • @satendrabais2806
    @satendrabais2806 ปีที่แล้ว

    Your ux bubble is bursted now. 🤣

    • @creatorsshorts9227
      @creatorsshorts9227 ปีที่แล้ว

      what you mean brother?

    • @satendrabais2806
      @satendrabais2806 ปีที่แล้ว

      @@creatorsshorts9227 it means the hype was created by these people that there is a huge scope of ui ux just to sell their courses. But reality is way different.

  • @adied7725
    @adied7725 ปีที่แล้ว

    Wish there was something like this free?... Actually to use inside framer, always have to export or use something else which never is free

  • @krishsrivastava2145
    @krishsrivastava2145 ปีที่แล้ว

    Bhai kuch Hindi me bhi bata diya karo

  • @meghanaGG
    @meghanaGG ปีที่แล้ว

    Whom to contact. Design wings Mail id on the web site is incorrect. Contact number is incorrect. You don't reply on LinkedIn/insta. Completed the course in Oct still haven't received course completion certificate. Whom to contact??