- Видео 436
- Просмотров 14 416 617
Caler Edwards
США
Добавлен 5 янв 2014
Caler Edwards is a Full Stack Designer making videos to help and inspire creatives. This is a place to learn and be inspired about Web Design, Webflow and UI/UX Design. Have a Great day!
Building a Website Design has never been Easier... (Framer)
In this video we build a fully responsive website in Framer with scroll animations & effects.
Try Framer: framer.link/caler-edwards
-
If you haven't downloaded Figma its Free:
psxid.figma.com/kh2feohwvmqd
Build websites with zero code, try Webflow:
webflow.grsm.io/caleredwards
Prototype your designs and test them with ProtoPie:
www.protopie.io/plans?ref=caler
Design & Develop faster with Relume:
library.relume.io/?via=caler
Products I use to make these videos and design every day with:
kit.co/caleredwards/my-setup
-
For Sponsorships & Collaborations contact me here:
www.caleredwards.com/sponsorship-collaboration
For my design services contact me here:
www.caleredwards.com/creative-work
-
Disclaimer: This v...
Try Framer: framer.link/caler-edwards
-
If you haven't downloaded Figma its Free:
psxid.figma.com/kh2feohwvmqd
Build websites with zero code, try Webflow:
webflow.grsm.io/caleredwards
Prototype your designs and test them with ProtoPie:
www.protopie.io/plans?ref=caler
Design & Develop faster with Relume:
library.relume.io/?via=caler
Products I use to make these videos and design every day with:
kit.co/caleredwards/my-setup
-
For Sponsorships & Collaborations contact me here:
www.caleredwards.com/sponsorship-collaboration
For my design services contact me here:
www.caleredwards.com/creative-work
-
Disclaimer: This v...
Просмотров: 2 892
Видео
The Future of Design & Development, Codux...
Просмотров 8 тыс.2 месяца назад
In this video we dive into a tool that is changing design & development by allowing both designers and developers to work together on react project that produce production ready code. Try Codux: codux.hopp.to/caler - If you haven't downloaded Figma its Free: psxid.figma.com/kh2feohwvmqd Build websites with zero code, try Webflow: webflow.grsm.io/caleredwards Prototype your designs and test them...
Instantly Improve your Designs with this Color Rule...
Просмотров 10 тыс.3 месяца назад
Easy color rule to follow for better ui designs | 60-30-10. Try Framer: framer.1stcollab.com/caleredwards and use promo code "FRAMER25INFLUENCER" to get 25% off first 3 months of Mini and Basic site subscription. - If you haven't downloaded Figma its Free: psxid.figma.com/kh2feohwvmqd Build websites with zero code, try Webflow: webflow.grsm.io/caleredwards Prototype your designs and test them w...
Redesigning a Random Website I found on the Internet
Просмотров 3,6 тыс.4 месяца назад
Reimagining a popular companies landing page design. The first 500 people to use my link will get a 1 month free trial of Skillshare: skl.sh/caleredwards01241 - Sign up for Figma: psxid.figma.com/kh2feohwvmqd Become a Member (Access to Completed Project Files): ruclips.net/channel/UCfzOLBT7jyHFcaTgwmnttogjoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.protopie.i...
Creating a 3D Interactive Website (Wix Studio + Spline)
Просмотров 17 тыс.6 месяцев назад
Building a space themed websites 3D interactive landing page. Check out Wix Studio: www.wix.com/studio/? Follow Wix Studio: @WixStudio - Sign up for Figma: psxid.figma.com/kh2feohwvmqd Become a Member (Access to Completed Project Files): ruclips.net/channel/UCfzOLBT7jyHFcaTgwmnttogjoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.protopie.io/plans?ref=caler Try ou...
Using AI for UI/UX Design is Awesome!
Просмотров 23 тыс.6 месяцев назад
In this video we explore a new AI tool to speed up your design workflow. Sign up for Figma: psxid.figma.com/kh2feohwvmqd Uizard: uizard.io/ - Become a Member (Access to Completed Project Files): ruclips.net/channel/UCfzOLBT7jyHFcaTgwmnttogjoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.protopie.io/plans?ref=caler Try out Relume: library.relume.io/?via=caler My D...
Figma Design Challenge: 10 Minutes vs 30 Minutes vs...
Просмотров 6 тыс.7 месяцев назад
In this I will try to create a landing page for a design agency in 10 minutes, 30 minutes and a few hours. All to see what the difference in the designs will be. Design with Figma: psxid.figma.com/kh2feohwvmqd - Become a Member (Access to Completed Project Files): ruclips.net/channel/UCfzOLBT7jyHFcaTgwmnttogjoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.protopi...
3D Web Interactions just got Easier... (Webflow & Spline)
Просмотров 10 тыс.7 месяцев назад
How to use the new Spline Webflow feature to add 3D interactions to your website. Try it out: webflow.grsm.io/caleredwards - Sign up for Figma: psxid.figma.com/kh2feohwvmqd Become a Member (Access to Completed Project Files): ruclips.net/channel/UCfzOLBT7jyHFcaTgwmnttogjoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.protopie.io/plans?ref=caler Try out Relume: li...
Building a responsive landing page with Wix Studio...
Просмотров 12 тыс.7 месяцев назад
In this video we will take a Figma landing page design and build it with Wix Studio. Check out Wix Studio: www.wix.com/studio/waitlist Follow Wix Studio: @WixStudio - Sign up for Figma: psxid.figma.com/kh2feohwvmqd Become a Member (Access to Completed Project Files): ruclips.net/channel/UCfzOLBT7jyHFcaTgwmnttogjoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.prot...
Using 7 AI Tools to Design a Website... (Relume AI, MidJourney, ChatGPT & More)
Просмотров 404 тыс.7 месяцев назад
In this video we explore what a website that is heavily impacted by various AI tools will look like. I design with Figma, try it out (free): psxid.figma.com/kh2feohwvmqd Try out Relume AI: library.relume.io/?via=caler & Design and build websites way faster. - Become a Member (Access to Completed Project Files): ruclips.net/channel/UCfzOLBT7jyHFcaTgwmnttogjoin Sign up for Webflow: webflow.grsm.i...
New Figma Variables - Crash Course (Variables, Modes & Design Tokens)
Просмотров 6 тыс.8 месяцев назад
Learn to use Variables & Modes in Figma & Create Design Tokens to keep designs constant but flexible. Get Started with Figma: psxid.figma.com/kh2feohwvmqd - Become a Member (Access to Completed Project Files): ruclips.net/channel/UCfzOLBT7jyHFcaTgwmnttogjoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.protopie.io/plans?ref=caler My Desk Setup for Design & RUclips...
Creating a Better Portfolio with ProtoPie
Просмотров 6 тыс.10 месяцев назад
How to create a better portfolio, create hi-fi prototypes & bring more value to your clients with ProtoPie. Sign up for ProtoPie: www.protopie.io/plans?ref=caler Don't forget to use code "CALER" for 30% off. - Sign up for Figma: psxid.figma.com/kh2feohwvmqd Become a Member (Access to Completed Project Files): ruclips.net/channel/UCfzOLBT7jyHFcaTgwmnttogjoin Sign up for Webflow: webflow.grsm.io/...
Top 5 Amazing Websites Designers Must See
Просмотров 5 тыс.Год назад
5 Amazing Website designs that designers need to see for inspiration. Sign up to Milanote for Free: milanote.com/caler0423 Chapters & Featured Websites: 0:00 Inspirational Website Design 0:10 Aino Agency aino.agency/ 1:15 ET Studio e-t.studio/ 3:30 Mana en.manayerbamate.com/ 4:52 Field Day www.fielddaysound.tv/ 6:18 Critical Danger www.criticaldanger.com/ - Sign up for Figma: psxid.figma.com/kh...
Twitch's 3D Hover Effect in Figma
Просмотров 3,5 тыс.Год назад
In this Figma Tutorial we will recreate the 3D Hover Effect from Twitch. Sign up for Figma: psxid.figma.com/kh2feohwvmqd Chapters: 0:00 Twitch's 3D Hover Effect 0:21 Creating Twitch's UI 4:49 Interaction Setup 6:07 Prototyping the 3D Hover Effect - Become a Member (Access to Completed Project Files): ruclips.net/channel/UCfzOLBT7jyHFcaTgwmnttogjoin Sign up for Webflow: webflow.grsm.io/caleredwa...
32 NEW Updates to Figma
Просмотров 13 тыс.Год назад
In this video we will go over every single update in the 32 Little Big Updates form Figma 2023. We have some new prototyping features, UI features, new animations and so much more. Sign up for Figma: psxid.figma.com/kh2feohwvmqd Chapters & Features: 0:00 32 Updates to Figma 0:07 ON-CANVAS PREVIEW 0:16 LUMINANCE MASK SUPPORT 0:30 MULTI-SELECT SEARCH 0:51 LEADING TRIM 1:17 NON-1 LISTS 1:29 HANGIN...
Realistic Video Prototypes | New Figma Features
Просмотров 8 тыс.Год назад
Realistic Video Prototypes | New Figma Features
MidJourney - EASY Beginner Guide to Get Started
Просмотров 12 тыс.Год назад
MidJourney - EASY Beginner Guide to Get Started
FIGMA Interactive App Navigation - Tab bar Tutorial
Просмотров 10 тыс.Год назад
FIGMA Interactive App Navigation - Tab bar Tutorial
Easily create interactive prototypes with ProtoPie
Просмотров 8 тыс.Год назад
Easily create interactive prototypes with ProtoPie
Button tips I wish I knew when I first started design
Просмотров 14 тыс.Год назад
Button tips I wish I knew when I first started design
How to export color to figma wireframe I am stuck there I cant use the color in my design
How do you do those 3d mockups?
Google's Gemini AI recommended your video here... and because I hand coded my site back in 1984 (get it? LOL), I actually coded it to be visible on the iPhone 3gs back in the day... so if someone wanted to see my site, they could successfully see it on anything, but I would like to update to modern modalities... so here is another LIKE for your video!
Bro, you are a goldmine
Can I get the design file you have made it on the video?
It doesn't work with me when i try to male a prototype from the third version to the first
I wish you could've also pointed out how much you need to invest in paid subscriptions for each of these AI tools, in order to be able to utilize all the features used in this video.
Can i get this figma file link
por favor
yo quiero este fuente Rohyt Geometric ExtraBold gratis
Great tutorial!
Is this site published anywhere?
Hi don t understand all video about this people show how to use it but they can t explain how to install it I 'm on figma I watch the video of Adrian and I don t find explication
Really like this video. Found it very helpful. Thank you so much.
Glad it was helpful!
✨👌💪😎😮😎👍✨
thank you for this knowledge
You bet!
Where have you been? It’s been Long time.
creating "Framer" probs
Working on some side projects that will be releasing this year and moving :D
thank you for full quick start
Welcome!
Watching this in 2024 and all I can say is thank you and you just made my day❤❤ I have watched many tutorials on how to set up style guide but none ever dive deeper for beginners sake 😢😢 You've got a new subscriber, and I'm definitely going to watch the rest of the videos 💯
Too much costly man😑
How?
Heavily AI involved but the result is good, even better than some of the less AI involved because you still applied your great design skills lol.
I literally subscribed as soon as you said "sent it to the shadow realm"
Awesome share :)
Thank you Caler, this was exceptionally simple and easy to understand :)
lunchbox changed, not great now :(
most helpful video on internet
Glad it was helpful!
thank u for not adding "talking head" to tutorial. much appreciated.
Great content, the only thing I've missed was the mobile, how to control your spline element?
Designers like you are the pain in ass for frontend developer 😂😂😂😅
Excellent
Could you suggest me ecommerce sites like Seed, I would really appreciate it, thank you!
Hey, the scroll effect is not working properly for me. It fades to white even when i set the fill colour to black in the scroll effects drop down.
This is gold bro TY
Fantastic tutorial thank you!
I don't see this making real designers obsolete. As usual in this early stage of the AI-revolution, this workflow is mostly handy for people who can't and won't pay for professional design and development services, and affects mostly small businesses. Seasoned UX designers and frontend developers, Wordpress experts and the like, have no reason right now to worry about being replaced by a smartass AI. Although they need to embrace new opportunities AI offers.
Its not leeting me add color animation to the other two shapes. it says when i select the section - this element already has an animation.
I extremely like the video, man. Very helpful and informative. Thank you very much. It is presented so well too. Great, positive work.
So nice to see ukrainian designer in your video, Stas Bondar😊
thank you !!
YOU ARE THE BEST !!!
Is there a price for this yet or is it free to use forever? I am also curious in how easy it would be to move from this to WordPress since you have github repo to work with. 🤔
This is looking goooood, greetings from Dominican Republic !!!!!
this is so nice. thank you for sharing it with us.
My pleasure 😊
How are you getting that oversized cursor that moves so smoothly and…bouncy? Part of your screen recording setup?
WoW! Interesting thank you for sharing.
You bet!
I remember using Bootstrap Studio for build some website in v4... And was a great experience! Interesting this Codux tool... will give it a look!
Looks pretty interesting!
Glad to hear it
This is THE BEST explaination I've seen on components and variants. I hope you do a video on Variables too.
Thanks! ruclips.net/video/87HgZnsM2Hc/видео.html 😁
EXTRACT studio was nice, but that flashing work page is HORRIFYING.
Awesome tutorial, thank you 🤎