Start your Framer UX Portfolio here: shorturl.at/cZxju And use code ALIENA to get 25% off basic and mini sites My example portfolio is at: alienacai.me My product design course: fasttrackux.com *All projects, numbers, and figures in this video are fictional and for educational purposes only.*
I have been feeling like a no good designer because my portfolio has refused to look like what i want, but this video has given me the encouragement i think i need. Lets go get this portfolio done and running
Holy! I never thought about making portfolio with "trying to tell a story" in mind and you changed my perspective, thank you for sharing such great insights!
As a new UXUI student that just finished a boot camp this is gold. Here was trying to learn Java script 😅 I will learn more coding. Just need to get my portfolio up and running
@@AlienaCai Hey, Aliena I used a presentation frame ratio of 4:3 according to 1024x768 But when I turn it into actual size on Figma it does not turn into full screen, And I also think that is kinda too small to fit in all my contents, would you suggest I change the proportion to 1920x1080
This is a really great video to get an overall idea of how I can turn my Figma designs to Framer. No complicated steps, just straight and simple execution. Thanks Aliena❤
When you've been designing for 24 year like I have, I can easily visualize a design solution and just create it. For an experienced designer, wireframing and low-fi design are wasted steps. I only do wireframes for clients that I feel want it, or are paying for it. In the age of component-based design, even high resolution design components can easily and quickly be moved around like puzzle pieces. And with component design, you can globally change every component instance in every frame instantly. A reliance on wireframing and low-fi designs is more for beginning designers than advanced designers.
Thank you for your nice and clear explanation! I also prepare my portfolio using figma and framer in my free time from work and school. Even if I master most of the processes, I think I will take my page one step further with this video. 🙏
hiiii! Amazing content you saved me! I just have a question: I already designed the 3 viewport for each page of my portfolio on figma, now after watching this video I'm wondering if I can still paste the tablet and mobile viewports from figma on Framer making adjustments on those design or I'll have to do the whole thing a second time on Framer
Oh my, I asked Framer the exact same question. Originally, I just hide everything on the other breakpoints and re-imported again to save time. But Framer told me that's not the best practice for responsive design and it's much better off doing it again on Framer. Your choice 👍
It can be made with Figma and Framer for free, if you don't mind a Framer badge and a framer domain. If you need your custom domain, there's a monthly Framer service fee.
Start your Framer UX Portfolio here: shorturl.at/cZxju
And use code ALIENA to get 25% off basic and mini sites
My example portfolio is at: alienacai.me
My product design course: fasttrackux.com
*All projects, numbers, and figures in this video are fictional and for educational purposes only.*
Tip: if you call your variants Desktp/Tablet/Phone, Framer will automatically pick the variant for each breakpoint
I have been feeling like a no good designer because my portfolio has refused to look like what i want, but this video has given me the encouragement i think i need.
Lets go get this portfolio done and running
Holy! I never thought about making portfolio with "trying to tell a story" in mind and you changed my perspective, thank you for sharing such great insights!
Thank you!!
As a new UXUI student that just finished a boot camp this is gold. Here was trying to learn Java script 😅 I will learn more coding. Just need to get my portfolio up and running
Incredibly well done video - from a former consultant that works in tech
Thanks! I'm glad you found it helpful. ✨
Thank you so much for your always helpful videos! You really get into details that a lot of others tend to skip over.
I'm awesome.
I'm smart.
I'm patient.
My portfolio shines like a diamond. 💎✨😂
I love your content Aliena, you are a smart Ux entrepreneur and I am looking forward to learning more from you!
Thank you so much!
@@AlienaCai Hey, Aliena I used a presentation frame ratio of 4:3 according to 1024x768 But when I turn it into actual size on Figma it does not turn into full screen, And I also think that is kinda too small to fit in all my contents, would you suggest I change the proportion to 1920x1080
This is a really great video to get an overall idea of how I can turn my Figma designs to Framer. No complicated steps, just straight and simple execution. Thanks Aliena❤
Was waiting for this, from a long time.
Thank you!
Thank you!!
When you've been designing for 24 year like I have, I can easily visualize a design solution and just create it. For an experienced designer, wireframing and low-fi design are wasted steps. I only do wireframes for clients that I feel want it, or are paying for it. In the age of component-based design, even high resolution design components can easily and quickly be moved around like puzzle pieces. And with component design, you can globally change every component instance in every frame instantly. A reliance on wireframing and low-fi designs is more for beginning designers than advanced designers.
Really nice, my head was spinning though, can you make a beginner-friendly version, please.
This is definitely a more advanced one. I'll note that down.
@@AlienaCai Thank you
I'm really excited about this tutorial. Also you're helping me a lot with my UX studies, So a huge thanks to YOU.
Just went live!
Great video, thanks for the tips Aliena
Awesome! Exactly what I needed right now.
So glad to hear this 😍
thank you so much- i was so confused on how to start
Your right! Thank you
All I can say is thank you so much Aliena!
No problem at all!! The pace in this video is a bit fast, pairing it with a nice dessert may help 😅
you are officially an engineer now...
Thank you for your nice and clear explanation! I also prepare my portfolio using figma and framer in my free time from work and school. Even if I master most of the processes, I think I will take my page one step further with this video. 🙏
Glad it was helpful!
Loved the step by step guide. Very insightful as always.
And 'YES' room tour please 😁😅
Okayyyyy 👑
helpfully + very good sharing!
Thank you! Cheers!
Thank you Aliena!! This is an incredibly helpful tutorial for someone adding Framer to their toolbox.
Can you please make a portfolio building tutorial for wix studio specially for responsive design. Thx
Noted!
Santa Maria, that's amazing! Thank you!
Thank you too!
Video is very informative but not sure that if it's beginner friendly but for me it's normal and can understand.😊
As long as you can understand, I'm happy. Not a easy one for sure!
How do publish gtm and other pixels tags
Thank you!🤩
hiiii! Amazing content you saved me! I just have a question: I already designed the 3 viewport for each page of my portfolio on figma, now after watching this video I'm wondering if I can still paste the tablet and mobile viewports from figma on Framer making adjustments on those design or I'll have to do the whole thing a second time on Framer
Oh my, I asked Framer the exact same question.
Originally, I just hide everything on the other breakpoints and re-imported again to save time.
But Framer told me that's not the best practice for responsive design and it's much better off doing it again on Framer.
Your choice 👍
Thank you for sharing! This is the most complete Framer tutorial I have ever seen.
So glad to hear that! Worth all my effort then 😉
Thank You 🤝
Thank you 😊
Hi Aliena! would you be open to making another video like this but for beginners? this has helped a lot but I'm still kinda lost lol
I've noted that! Yes, this is not for beginners 🫣
Great video!!! Wish me luck 😂
Good luck!! Putting on a nice playlist always helps.
Welcome 🎉
Lady Alienacai please we need more tutorial videos on framer...building websites and mobile from scratch using Framer. Thank you and God bless you
Noted!
Can you post about building portfolio with Google's sites?
This can be made with free Figma right?
Yes
It can be made with Figma and Framer for free, if you don't mind a Framer badge and a framer domain. If you need your custom domain, there's a monthly Framer service fee.
what is the font used in ur portfolio?
It's Mulish
Thank youuu
No problemmmm
"My portfolio shines like a diamond"🤣
Amazing! I’ve been trying to figure out which platform to go to next because I’m tired of Wix!
Yes come thru for us, ❤❤
Woww👏👏👏 after watching so many tutorials, this seems like the best tutorial of framer for beginners to build a portfolio
Glad it was helpful! There was so much to cover so the pacing is a bit fast. I guess you are a fast learner.
too fast