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

Поделиться
HTML-код
  • Опубликовано: 28 дек 2024

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

  • @hemisgio18
    @hemisgio18 7 месяцев назад +2

    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 8 месяцев назад +1

    This is straight to the point! thankyou

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

    Lovely! Awesome! Thank you Man!

  • @opeyemigraphics8761
    @opeyemigraphics8761 День назад

    This is cool, does the figma prototype work on framer aswell

  • @chandrashravani1723
    @chandrashravani1723 9 месяцев назад +1

    actually I need this thanks a lot sir
    😍

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

      Glad you found it helpful :D

  • @sshirlyvang
    @sshirlyvang 2 месяца назад +1

    you're amazing! thank you!

  • @sophie-you
    @sophie-you Год назад

    Love your tutorials, thank you for sharing 💙

  • @Diyas_world
    @Diyas_world 10 месяцев назад

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

  • @2wentyracks
    @2wentyracks Год назад

    Thankyou for the info🙏🏻

  • @LifeBouy1
    @LifeBouy1 7 месяцев назад

    Where do you get those images from

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

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

  • @rezakurniarivaldi514
    @rezakurniarivaldi514 Месяц назад

    I made a design with a 1440 frame but my laptop is only 1290. How do I make it fit my laptop screen when I publish?

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

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

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

    You are a gem my friend!

  • @digitalsketchguy7844
    @digitalsketchguy7844 Год назад +5

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

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

    This is super insightful. Thank you and keep going!

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

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

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

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

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

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

  • @bhanusrireddy1012
    @bhanusrireddy1012 4 месяца назад

    Can we import framer file into figma

  • @christophs.3869
    @christophs.3869 2 года назад +6

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

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

    Amazing video! Keep it up!

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

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

  • @workmenstudioinc1880
    @workmenstudioinc1880 2 года назад +6

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

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

    Can we export Working prototyper to framer

  • @et1555
    @et1555 10 месяцев назад

    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.

  • @meerzaighamali9713
    @meerzaighamali9713 3 месяца назад

    gOING WITH SPEED OF LIGHT

  • @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

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

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

  • @drama.sreerama
    @drama.sreerama Год назад +1

    This was super helpful! Thank you!

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

    can i expoert it into code?

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

    Thank you so much for making this video. Super useful

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

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

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

    Amazing as always, great video!

  • @OrensteinDsouza
    @OrensteinDsouza 2 года назад +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 2 года назад +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♥️

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

    Can framer replace frontend developer jobs ?

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

    i want last website tutorial video
    bro

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

    Very nice tutorial, thank you so much sir

  • @tahminaakter9079
    @tahminaakter9079 2 месяца назад

    ❤❤❤

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

    Such an informative video😍

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

    Awesome demo

  • @Saeed....
    @Saeed.... Год назад

    Wow this is great features

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

    More videos like this please!!

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

    Amazing tutorial

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

    Owsumm..great 👍

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

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

  • @smartthemers7781
    @smartthemers7781 2 года назад +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 😊

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

    Thank you for your video.

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

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

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

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

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

    wonderful

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

    Nice video

  • @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?

  • @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

  • @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

  • @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 ?

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

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

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

    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  8 месяцев назад +1

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

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

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

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

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

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

    Your ux bubble is bursted now. 🤣

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

      what you mean brother?

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

      @@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.

  • @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.

  • @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 2 года назад

    Bhai kuch Hindi me bhi bata diya karo

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

    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??

  • @Cricket_edits29-o7b
    @Cricket_edits29-o7b 4 дня назад

    Great tutorial