Create the Quickest Portfolio in Just 15 Minutes | Free Template Included

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

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

  • @nuriaquero
    @nuriaquero  Год назад +24

    Thanks for watching this tutorial! Let me know if you are using this method, and if you do, share your portfolio with us!

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

      Thanks for the video Nuria. But Framer isn't exactly ideal since there is no responsiveness to all devices.

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

      @@marty9404 there are breakpoints in framer i think. ruclips.net/video/QMcuA-kQOpQ/видео.html

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

      @@johnquesterloyola1229 Great! Thanks so much Nuria. You are the best. Please make another video about how to get clients via form submissions. Thanks again.

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

      omg we have the same initials almost the same name

    • @nuriaquero
      @nuriaquero  9 месяцев назад

      Hey there, huge delay but here's my latest video on how to create a responsive site. Hope it's useful :)
      ruclips.net/video/fEP239twbc4/видео.html

  • @Collapse_in
    @Collapse_in Год назад +17

    This has really helped me with my paralysis over learning how to publish from figma! Thank you!

  • @arbazmemon2142
    @arbazmemon2142 Год назад +12

    let me start by saying THANK YOU. You are one of the rarest person who have made a tutorial extremely easy to understand and even showed how the linking works.
    Subscribing right away. Keep up the awesome work you are doing :)

  • @davidostrowski679
    @davidostrowski679 Год назад +3

    Thanks Nuria! This is awesome! Mind blown! I'm a relatively new UX/UI Designer in the process of refining my case studies and I really want to use Framer to create my portfolio... this video has been the answer to all my questions!

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

    Brilliantly explaind exactly i was looking for. Watching from India 🇮🇳

  • @owadiary
    @owadiary 7 месяцев назад +1

    Ive been putting off doing portfolio for so long. Your direct to the point video helps me to do it. Thank youu

  • @jacq910
    @jacq910 Год назад +4

    This was exactly the lesson I was looking for. Super informative, clear, and concise. Thank you.

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

      Great to hear! Happy to help!

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

    Hello buddies, im from Indonesian and thanks u for making video about framer, and u really help me make portofolio😉😉

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

    Muchas gracias Nuria! Voy empezando mi carrera y como actualmente existen vastisimas formas de crear un portafolio, esto se me ha vuelto muy abrumador, pero este video es super util!

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

      Me alegro mucho!

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

      Lo mismo te digo nuria muchas gracias. Andube averiguando y si hay nuchas herramientas como dora,webflow,elementor y un monton más es abrumador ver comparativas que hasta hay un chico que comparo como 6 o 7 a la vez en el mismo video.
      Como diseñadores le da mucho valor añadido ya que nos dedicamos al diseño tener nuestro portafolio web.

  • @njtayi
    @njtayi 4 месяца назад +1

    Very good video. Thank you so much!

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

    This was an amazing tutorial. Thanks Nuria!

  • @ViraMikulina
    @ViraMikulina 7 месяцев назад +1

    Awesome tutorial! Thank you a lot

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

    AWESOME TUTORIAL!!!! Thank you!

  • @fatimasierra2901
    @fatimasierra2901 6 месяцев назад +1

    Gracias, gracias, gracias! 🥰

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

    Thanks girl great video ❤

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

    Thank you for this!

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

    Thanks for the great tutorial!

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

    Thank you Nuria. much appreciated.

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

    Thank you so much! Such a great tutorial! I would really like the collection one too.

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

    Thank you so much for providing this tutorial. :D Now I can transform my dull portfolio into my ideal website.

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

    Thank you so much for the explication Nuria

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

    thank you Nuria,
    I hope you do more and detailed videos,
    it was helpful.

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

      You can count on it! What would you like to learn?

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

    So clear! Thank you so much!

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

    I love your work Nuria, i'm creating a design in figma about a shop car website.

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

      Sounds great!! 👏🏼 Thanks :)

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

    Excellent Video! Thank you.

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

    love this, thanks for sharing

  • @afiaserwaa-d6o
    @afiaserwaa-d6o 2 месяца назад

    you just gained a new subscriberrrr .thank uou so muchhh

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

    Its Amazing, Thank you for sharing this video.

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

    I love your content! keep it up! New Subscriber from the Philippines

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

    This was so helpful thank you!!

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

    Thank you so much, This was really helpful

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

    Thank you Nuria !

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

    Very nicely done!

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

    Thank you so much for your explanation. Ii is so clear & understandable. Thank youuu

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

    This is so helpful, thanks Nuria 🥰

  • @poornimam4570
    @poornimam4570 7 месяцев назад +1

    great.btw you got an new subscriber :)😄

  • @Cristina-hp8ug
    @Cristina-hp8ug Год назад +1

    Thanks for sharing!

  • @ParentingTweens
    @ParentingTweens 10 месяцев назад +2

    Just found this video - thank you for posting such great content! Would you please share the link to the downloadable Figma file? the page isn't available anymore.

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

      would you mind sending it to me as well, it isn't working.

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

    great one

  • @WaqasAhmad-fg8yq
    @WaqasAhmad-fg8yq Год назад

    No Bullshit, stright to the point, Excellent 💥💥

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

    Great video! Thanks a lot!

  • @soniyasinghh
    @soniyasinghh 9 месяцев назад

    best one!! thanks.

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

    Thank you for your great work

  • @TheSAMRIDH
    @TheSAMRIDH 8 месяцев назад +1

    Fantastic

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

    fantastic! ty!

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

    Wow, this is awesome🤩

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

    Good Insight👍

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

    👏👏great video!🎬

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

    Awesome Template 🎉🎉❤

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

    Amazing tutorial. Can you please make another video teaching us how to make the design responsive on Framer

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

      Hey, definitely on my to-do list! Thanks for the feedback :)

    • @nuriaquero
      @nuriaquero  9 месяцев назад

      Hey there, huge delay but here's my latest video on how to create a responsive site. Hope it's useful :)
      ruclips.net/video/fEP239twbc4/видео.html

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

    This tutorial was very helpful!

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

    This is amazing thanks

  • @abdullla-w2x
    @abdullla-w2x Год назад +1

    best Tutorial , thanks sister

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

    Wow,, thanks for your tutorials,

  • @holamellamo535
    @holamellamo535 3 месяца назад +1

    Compartes el figma template y todo 🥺🥺🥺, muchas gracias !

  • @oluwafunmijinadu210
    @oluwafunmijinadu210 Год назад +3

    Thank you for this video, Nuria
    Quick question, if I use your figma template, and then I make the desktop, tablet and phone version of the portfolio on the same Canva in framer, using the publish link, will it automatically detect the viewer's device and showcase the portfolio based on that like a responsive website, or how would that work?

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

      I think how it is at the moment, you'll have to create them manually. But if you already have a design it's easier to have as a reference

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

    Wonder Ful

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

    Hey! Thank you for this!

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

    This is so useful, thanks!

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

    love you

  • @dhruvin-dave
    @dhruvin-dave Год назад +4

    Really liked your content, I've already built my website in wordpress, but i am working it out on framer, & for the header links, if you turn them into a component then the links update automatically to all the pages you add them. & i love the new scroll interactions in thier last update, what are your thoughts on that ?

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

      So this is possible to start from figma, pass through Framer and then publish on Wordpress???

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

    Great job - How do you make responsive?

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

      I think you set constraints in figma and framer adopts them. could be wrong (I'm new to this)

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

      I’ll do a video about it! 🙏🏼

    • @nuriaquero
      @nuriaquero  9 месяцев назад

      Hey there, huge delay but here's my latest video on how to create a responsive site. Hope it's useful :)
      ruclips.net/video/fEP239twbc4/видео.html

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

    Thanks for the class! How you adopt the fonts between Figma and Framer? Is it done automatically

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

    is there a way to add a layout grid on Frame like you do on Figma?

  • @MadihaAmin
    @MadihaAmin 6 месяцев назад

    Hi @nuria , the framer preview cuts down little portion of my 1440 frame , is it normal ? and how do u fix it ?

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

    You convinced me to try this out 😂

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

      Feel free to try it out with my link
      www.framer.com?via=_nuriaquero

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

    thanks

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

    Looks so easy❤ how to remove “Made by Framer”?

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

      Unfortunately you need to pay for that. It’s not available on the free version

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

    Can i make on framer my portfolio website with 5 pages (home, project 1 2 3 4 and contact) ? of do I need to pay a plan?

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

    I have in mind to use Framer to build my portfolio. Thank you for sharing this with us.
    But, I might be wrong, it seems, at the end, Framer just gives us a link where we can like preview the final website and not the html/css code. Isn't it? Does Framer provides the codes ?
    Nice video.

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

      Not that I’m aware! But you can publish the website

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

    Thanks for the video! Once we download the free file how do I open it in figma? Or should I open the file in Framer first & then copy & paste from Figma?

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

      You can drag and drop the file on your Figma dashboard and it will open.

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

    Thanks a lot!
    Collections? Is this a something in Figma or Framer?

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

      This is something in Framer! I'm planning on doing a tutorial soon on how to make one. Stay tuned and thanks for watching :)

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

      Hey there - a bit later than I would have liked, but here's the video on how to create a CMS and Collections on Framer.
      ruclips.net/video/pf1OK3WP9js/видео.html
      Hope you enjoy it :)

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

    How to fix the top nagivation bar in framer ?!

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

      I plan on making a video on responsiveness, that will fix that.

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

    Thank you very much for the video! Just one question, how can I keep animations? Because I have animations in figma, can I transfer the animations as well?

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

      I don't think it's an option at the moment. But if I were you, I'd research Framer's animations and transitions as they are super easy to learn! Let me know how you get on and I can do a quick explainer

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

    Thank you very much for this. Please what did you mean by "look into collections" at 13:24

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

      Framer has a CMS-like feature called Collections, that allows you to create content dynamically based on date you input. If you look for « Framer Collections », you can find more info about it.

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

      Hey there - a bit later than I would have liked, but here's the video on how to create a CMS and Collections on Framer.
      ruclips.net/video/pf1OK3WP9js/видео.html
      Hope you enjoy it :)

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

    Hey Nuira could you make a video on making it responsive because ive been trying to do that on Framer for a long time and ive watched a lot of videos on responsive design and none of them are solving my problem.

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

      Hey, definitely! On my plan

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

      @@nuriaquero Thank You

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

      Hey there, huge delay but here's my latest video on how to create a responsive site. Hope it's useful :)
      ruclips.net/video/fEP239twbc4/видео.html

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

      @@nuriaquero thank You it'll definitely help out
      I appreciate it

  • @WVVYBEATZ
    @WVVYBEATZ 11 месяцев назад +1

    ❤❤

  • @DavexGamer
    @DavexGamer 7 месяцев назад +1

    The download file doesn't work anymore

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

      Hey, it seems to be working fine for me. Could you try again?
      You will need to open the file in Figma directly, dragging it to your library.
      nuriaquero.gumroad.com/l/portfolio_figma_template

  • @thevikingsock8527
    @thevikingsock8527 11 месяцев назад

    Framer and Webflow hate their customers. For example the Cookie Banner, you need it for legal reasons in Europe and you only get it for 30/Month, which is ridiculous. Thats the 4th tier already ...

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

    Can I build website in framer without using figma?

  • @a.s8106
    @a.s8106 Год назад

    thank you but how about the responsive version?

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

      I believe you'd have to create them manually on Framer, I can do an explainer :)

    • @nuriaquero
      @nuriaquero  9 месяцев назад

      Hey there, huge delay but here's my latest video on how to create a responsive site. Hope it's useful :)
      ruclips.net/video/fEP239twbc4/видео.html

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

    How responsive are those tools, cause it looks like it's not

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

      Hey there! They are fully responsive, you can add breakpoints for any device and work with auto layout and other flexible tools. I'm preparing a video soon to talk about responsiveness on Framer, so stay tuned!

    • @nuriaquero
      @nuriaquero  9 месяцев назад

      Hey there, here's my latest video on how to create a responsive site
      ruclips.net/video/fEP239twbc4/видео.html

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

    I can’t use the Figma file template

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

      Have you tried dragging the file into your Figma dashboard? It should be working!

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

      @@nuriaquero I haven’t tried that out. I will

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

    I made a comment that you were not clear about something you said but it seems to have vanished?

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

      Sorry, can you comment again?

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

      @@nuriaquero Thanks for your response, Nuria. The part that confused me was at 13:25 where you gave a quick suggestion about collections. I think I should check out collections to understand what part is universal and what is project based. It's probably too much to try to explain it here so I'll see what I can find about them. Thanks

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

      Hey there - a bit later than I would have liked, but here's the video on how to create a CMS and Collections on Framer.
      ruclips.net/video/pf1OK3WP9js/видео.html
      Hope you enjoy it :)

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

      @@nuriaquero Thank you 👍

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

    I just subscribed to your channel. I like how clear and thorough you are at guiding us through the process step by step, the volume, the speed, everything is on point! Great job! Keep up the good work!

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

    This is so helpful. Thanks!

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

    This is super helpful. Thank you!

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

    Amazing tutorial! thank you so much 👏