Twitch's 3D Hover Effect in Figma
9:32
32 NEW Updates to Figma
9:16
Жыл бұрын
5 Inspirational Website Designs
9:00
Using AI for UI Design is INSANE!
4:09
Пікірлер
@aminansar5294
@aminansar5294 Күн бұрын
This was super easy and to the point. Thanks a lot :)
@miyapuramvishwateja4670
@miyapuramvishwateja4670 2 күн бұрын
great but what about coding and deployment
@KarolisBajorunas
@KarolisBajorunas 2 күн бұрын
Okay but imnot a mac user
@RunyararoRoonieMutsinze
@RunyararoRoonieMutsinze 2 күн бұрын
How do you make the loader just a section on your page as like a transition ?
@Gorilla_brown786
@Gorilla_brown786 3 күн бұрын
Please make a video on designing with Claude Ai.
@timofeyshorts772
@timofeyshorts772 7 күн бұрын
for some reason when i insert it in my website, the opacity of my buttons are getting down
@ST-fl5fy
@ST-fl5fy 7 күн бұрын
So you just create primitives and token skipping the aliasing or semantic section right?
@nedal_hesham
@nedal_hesham 8 күн бұрын
I used to repeat screens lol
@YashDubey-z8i
@YashDubey-z8i 9 күн бұрын
Thanks Man! You are doing a great job.🔥
@okekeanastacia9072
@okekeanastacia9072 9 күн бұрын
Wow Amazing
@Umi-pu5ig
@Umi-pu5ig 10 күн бұрын
Good stuff for portfolio.
@MaryMs-e8k
@MaryMs-e8k 16 күн бұрын
Thank you
@LOGICVS1
@LOGICVS1 16 күн бұрын
I rarely ever comment on KZbin videos but this was great and helped A LOT.
@drpepa09
@drpepa09 17 күн бұрын
How about some scroll animations like vazzi fun site kaleidoscope effects on awwards site
@user-qe2ps9vm9o
@user-qe2ps9vm9o 21 күн бұрын
Wow this is just like Adobe's new tool for webmasters. I think it's called Dreamweaver.
@jwalantdave6722
@jwalantdave6722 21 күн бұрын
in your page transition the green box is first covering current page and then strips reveal.how to do it?
@jwalantdave6722
@jwalantdave6722 21 күн бұрын
i figured it can be done by combination of his tutorial and page transition wipe effect. thnx for this video
@EdvinNepali
@EdvinNepali 22 күн бұрын
🎯 Key points for quick navigation: 📏 The 60-30-10 color rule, originally from interior design, is explained for UI design, using 60% for background, 30% for secondary elements, and 10% for primary, attention-grabbing colors. 🎨 The 10% color is the primary highlight, designed to stand out and guide user attention through contrast with other colors. 🖋️ The 30% color is secondary, used for complementary or contrasting elements like text, enhancing the design’s readability. 🖼️ The 60% color forms the design’s theme or background, often using varied shades for light or dark themes. 💡 The 60-30-10 rule is a guideline, allowing flexibility; designs don’t have to follow it strictly, encouraging creative exploration. 🖌️ The video includes practical design examples, demonstrating the rule with different color applications and how they affect user focus. 🏗️ Framer, a no-code design tool, is introduced as a sponsor, offering easy conversion of design prototypes into functional websites. 👁️ Stark plugin is recommended for checking color contrast to ensure accessibility, helping refine color usage in design. Made with HARPA AI
@hamac4835
@hamac4835 25 күн бұрын
is it possible to build an add to cart flow with framer CMS?
@shifatmasud
@shifatmasud 24 күн бұрын
Exactly my question
@abdu_brh
@abdu_brh 20 күн бұрын
A plugin just came out
@shifatmasud
@shifatmasud 20 күн бұрын
@@abdu_brh details please
@rando_ando
@rando_ando 26 күн бұрын
Really nice series, Caler. Thank you!
@jay_wright_thats_right
@jay_wright_thats_right 26 күн бұрын
Why won't Caler tell which video editing software he's using?
@thecion
@thecion 26 күн бұрын
He's using Screen Studio. It is only available on Mac and is a paid software.
@uxdl
@uxdl 26 күн бұрын
Nice 👍❤
@bobbyjulian7505
@bobbyjulian7505 28 күн бұрын
Worst video ever you click around like a fking psycho
@pushpanjalipathe7996
@pushpanjalipathe7996 29 күн бұрын
that was really amazing ... no other tutorial taught me those important things (text,Boolean , instance swap) Thanks Caler
@imtiahmed2001
@imtiahmed2001 29 күн бұрын
Brother you wrote the "Design" word as "Desing" and its killing my ocd lol
@CalerEdwards
@CalerEdwards 28 күн бұрын
🤣
@zaimtahir1
@zaimtahir1 29 күн бұрын
My desktop screen is not visible, brother; if I click on the desktop screen preview option, my tablet and mobile screen are the only ones that are visible. The tablet screen opens instantly when I click the preview button on the desktop screen.
@CalerEdwards
@CalerEdwards 29 күн бұрын
Hmmm, could be that your screen is not wide enough to reach the desktop breakpoint. If possible increase your browser width and see if that fixes or drag the handles in preview to widen the view. Hope that helps! Let me know if that didn’t work :D
@zaimtahir1
@zaimtahir1 29 күн бұрын
First the screen was being displayed
@zaimtahir1
@zaimtahir1 29 күн бұрын
Done I reduced the width of the desktop.
@Cinderella107
@Cinderella107 Ай бұрын
Thank you ❤, this is very helpful ✨
@aminansar5294
@aminansar5294 Ай бұрын
Great tips. Thanks a lot for sharing!
@jay_wright_thats_right
@jay_wright_thats_right Ай бұрын
Which video editing software are you using
@stel1000
@stel1000 Ай бұрын
Can I put the navigation dock at the bottom?
@curiouskidsco
@curiouskidsco Ай бұрын
This was such a great 101 in web design for beginner designers. Curious for myself, how did you screen record all of these while editing @caler?
@Vinoy2231
@Vinoy2231 Ай бұрын
How to have the Loader animation play only once. I mean when you go from Page 1 to Page 2 the loader animation plays but when you go to Page 3 and go back to Page 2 the loader anumation shouldn't play on Page 2. Any solution for this?
@abdu_brh
@abdu_brh Ай бұрын
Custom code
@CalerEdwards
@CalerEdwards Ай бұрын
You could only place the loader on the homepage so it only plays there. I’m using it as a page transition in this example.
@AkinsRealm
@AkinsRealm Ай бұрын
New Framer video from Caler Edwards yay! 🙌 🎉
@medanos803
@medanos803 Ай бұрын
Amazing video! This tutorial is fantastic! 😊 Quick question: Is there a way to make each CMS page unique? I have three projects, each with different content, and I’d love the flexibility to adjust the layout slightly for each one.
@hugeiconspro
@hugeiconspro Ай бұрын
Amazing! 🌟
@AndrewEnesi
@AndrewEnesi Ай бұрын
@CalerEdwards I followed your guide to create my portfolio, but I encountered a problem. When I click on a project, it keeps opening on a new page. How can I fix this? Additionally, how can I optimize the portfolio for mobile devices, especially the homepage? I'd appreciate any guidance you can provide. Thank you
@zaidsayyad5660
@zaidsayyad5660 Ай бұрын
Loved your work !!! Learnt a lot from this series discored new features and work pattern that i didnt knew before !! Absolutely masterclass ! ❤
@alysoliman
@alysoliman Ай бұрын
can you create new variations for these cards automatically with every person that signs up on your website?
@webdesignlondon
@webdesignlondon Ай бұрын
Loved this mini course. The Figma file link isn't working, do you have another?
@bensonboys6609
@bensonboys6609 Ай бұрын
Unpopular opinion, but I hate when websites mess with the scroll wheel so that the text moves but the image doesn’t. The protohomes website would drive me crazy. Just because it’s new and different doesn’t mean it should be implemented. This just makes it more difficult to navigate. Make it simple and INTUITIVE! Sure, make the site look good, but at the end of the day I want to be able to navigate around and USE the website. I doubt my actual experience is going to be the picturesque journey the developers were envisioning. I need to be able to quickly move back and forth from one page on the site to another without being told a story every time. Animations: I appreciate good aesthetics, but if the cool little animation causes the site to lag, it needs to go. The aesthetic should not hamper functionality.
@handave5893
@handave5893 Ай бұрын
pretty awesome contents! could you upload video about handling CMS function in framer in details? I watched previous video, but it was hard to understand how CMS works. Thank you for high quality tutorial video.
@CalerEdwards
@CalerEdwards Ай бұрын
Great suggestion!
@ayushshakya5552
@ayushshakya5552 Ай бұрын
how would front end develop this website? any idea? because front end follows the 12 point grid rule
@AndrewEnesi
@AndrewEnesi Ай бұрын
This is so lovely. Great teaching and break down.
@exposed8674
@exposed8674 Ай бұрын
I was looking for tutorial like that for a long time
@DeniTosh
@DeniTosh Ай бұрын
Do you need pro account in Spline to export ?
@mmdsharifi-com
@mmdsharifi-com Ай бұрын
Thanks for videos. I recommend to create a component for Nav menu and footer and DRY.
@SidewaysStewie
@SidewaysStewie Ай бұрын
Hey can you slightly de-minimalize your website so i can find a portfolio and prices? I def need a new modern website for m ecommerce biz and looking around who's good yet still affordable :)
@AndrewEnesi
@AndrewEnesi Ай бұрын
Thank you so much for the video. I'm having a challenge with the sticky part. It's not responding when scrolling. It just goes with the whole screen. Watched it several times to see what's wrong but still didn't find anything with the sticky part.
@CalerEdwards
@CalerEdwards Ай бұрын
Make sure the section has overflow visible and any parent section like the desktop itself. Let me know if that doesn’t fix it
@AndrewEnesi
@AndrewEnesi Ай бұрын
@@CalerEdwards Thank you so much. I was able to figure it out. My desktop was still hidden that was why.
@sephtchoko
@sephtchoko Ай бұрын
Thank you so much the video. I am testing either with webflow or Figma and i am struggling to copy the color from aicolor to webflow or Figma. Please could you help ?
@philippe4297
@philippe4297 Ай бұрын
keep seeing the cursor
@deejohn2242
@deejohn2242 Ай бұрын
Hey can you update for 2024? I believe after 1 year everything changed fast