Figma to Framer: How to Build a Live Portfolio Website

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ต.ค. 2024

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

  • @abelemmanuel8697
    @abelemmanuel8697 3 วันที่ผ่านมา

    Best Framer tutorial out here, Thank you so much!

  • @r.saranyadevi734
    @r.saranyadevi734 29 วันที่ผ่านมา +2

    Thank you so much! I was searching TH-cam to find the right video to make a design portfolio. Finally found one! So helpful!

    • @DesignXstream
      @DesignXstream  25 วันที่ผ่านมา

      Glad you found it helpful... Cheeers! ✌🏼

  • @Kriti-fv2ys
    @Kriti-fv2ys หลายเดือนก่อน +1

    One of the best videos i have encountered. Everything is explained in simple steps and its quite practical.Thanks

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

      Glad you found it helpful! Cheers ✌🏼

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

    Man your way of teaching is on another level 🎉, I learnt framer by watching other videos on TH-cam but if I find your video earlier it will be easier for me to learn framer quickly btw You are doing a great job.❤

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

      Thanks! Cheers ✌🏼

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

    Thank you for being an excellent high signal to noise presenter - subscribed. atb Pete

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

      Thanks! Happy to hear that ✌🏼

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

    Thank you ...bro....I just confuse to use framer ...bt now i am very clear...

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

      Glad you found it helpful! Cheers ✌🏼

  • @SpankIEkzs
    @SpankIEkzs 2 หลายเดือนก่อน +1

    You are awesome my man! All the Best to you from Serbia 💥✨👍👍👍👑

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

      Cheers! I'm glad you found it informative 🙌🏼

  • @rose.untalan
    @rose.untalan หลายเดือนก่อน +1

    u made it look so simple..

    • @DesignXstream
      @DesignXstream  25 วันที่ผ่านมา

      I hope that's a good thing 😅

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

    Great video,love it💞

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

      Glad you liked it!! Cheers! ✌️

  • @ನವೀನ್ಗೌಡ
    @ನವೀನ್ಗೌಡ 3 หลายเดือนก่อน +3

    Really it was an best tool for a beginnerz also make an more videos related framer tutorial and it's animations...

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

      Glad you found it useful! I'll try to add more videos on this tool.

  • @tlmk4439
    @tlmk4439 15 วันที่ผ่านมา

    Hello. Thank you for the video. The prototype also works automatically, when pressing bottoms to other pages, for example?

  • @petermichael604
    @petermichael604 3 หลายเดือนก่อน +2

    thankyou for the tips sir!! cheers from Philippines! more videos bout framer pls!!

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

      Glad you liked it! Cheers ✌️

  • @siri8782
    @siri8782 3 หลายเดือนก่อน +1

    Really this video is so much helpful!! Thanks a ton

    • @DesignXstream
      @DesignXstream  3 หลายเดือนก่อน +1

      Glad you found it helpful! Cheers ✌️

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

      @@DesignXstream Could you please make videos on how to convert wire frames into final web sites with proper spacing and alignment, your help will really mean a lot..

    • @DesignXstream
      @DesignXstream  3 หลายเดือนก่อน +1

      @@siri8782 So a video on spacing and alignment? I think this could be part of a larger playlist. I'll try to plan something.

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

      @@DesignXstream Thank you so much!! I'll be very glad when the playlist is out..

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

    Thank you very very much ❤

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

      Glad you liked it! Cheers ✌🏼

  • @mrbl1986
    @mrbl1986 หลายเดือนก่อน +2

    thank you Sir, Can I copy/export created animations in Figma to Framer? Are they also visible in the mobile phone view?

    • @DesignXstream
      @DesignXstream  25 วันที่ผ่านมา +1

      No Figma animations dont export to framer. You need to redo it on Framer.

  • @prasanthwarre
    @prasanthwarre 3 หลายเดือนก่อน +1

    looks like a great tool for portfolios. can we also put it on our domain name?

    • @DesignXstream
      @DesignXstream  3 หลายเดือนก่อน +2

      Yes you can publish the website to your custom domains with the Mini & Basic plans.

  • @vargaswrld
    @vargaswrld 2 หลายเดือนก่อน +1

    We can't do prototyping in framer like in Figma ?

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

      Yah the animations part work slightly different from Figma. There is not Smart animate but you can achieve a lot of it in framer.

  • @046_pankajverma6
    @046_pankajverma6 หลายเดือนก่อน +1

    mt desktop tab is not working it gets open from tablet then phone not showing the desktop ....what to do???????????

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

      You can add your own breakpoints or modify the defaults.

  • @Dvm_11
    @Dvm_11 2 หลายเดือนก่อน +1

    I'm having trouble creating interactions between pages in Framer. When I select an element and look for the "Interactions" option in the right-hand panel, it doesn't appear. I've tried different types of elements but I still can't find a way to link pages with transitions.
    Could you please assist me in locating the interactions feature or guide me on how to link pages with transitions

    • @DesignXstream
      @DesignXstream  หลายเดือนก่อน +2

      • Select the element you want to use as a link (e.g., a button or text).
      • In the right-hand panel, look for a section called "Navigate To" or "On Click" (the exact name may vary).
      • Click on this option and select the page you want to link to.
      • Once you've set up the link, you should see an option to add a transition. This might be labeled as "Transition" or "Animation."
      • Click on this to choose the type of transition you want (e.g., slide, fade, etc.) and adjust its parameters.

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

      @@DesignXstream thanks

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

    sir..can you please tell the resume for UI/UX for the freshers..

  • @NITESHVERMA-h6h
    @NITESHVERMA-h6h 2 หลายเดือนก่อน

    figma k animation framer me use kaise chalnge

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

      That is not possible. Only design from figma can be imported.

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

    not able to manage the breakpoint

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

      Whats the issue you are facing?

  • @prsna888
    @prsna888 3 หลายเดือนก่อน +1

    Bro, your accent is super artificial, instead try speaking in a normal tone.

    • @DesignXstream
      @DesignXstream  3 หลายเดือนก่อน +1

      Yah, I can try speaking in a normal tone... probably just needs some practice.

    • @kizuri1948
      @kizuri1948 3 หลายเดือนก่อน +3

      @@DesignXstream Great video! and There's no problem with your accent.