- 440
- 14 607 164
Caler Edwards
United States
Registrace 5. 01. 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!
AI Tool for UI/UX Design Professionals
This is Recraft a game changing AI tool for designers to generate branded assets.
Try Recraft: www.recraft.ai/?
-
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 video and description may contain affiliate links. By using any of my affiliate links, I receive a very small commission at no extra cost to you. Thank you for supporting the channel!
All the music I use in videos is from: Epidemic Sound
The Perfect AI Tool for Design Professionals... (Recraft)
#ai #uidesign #uiuxtips #recraft #caleredwards #uidesigner #uxdesigner
Try Recraft: www.recraft.ai/?
-
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 video and description may contain affiliate links. By using any of my affiliate links, I receive a very small commission at no extra cost to you. Thank you for supporting the channel!
All the music I use in videos is from: Epidemic Sound
The Perfect AI Tool for Design Professionals... (Recraft)
#ai #uidesign #uiuxtips #recraft #caleredwards #uidesigner #uxdesigner
zhlédnutí: 2 093
Video
Design Better Responsive Components in Figma - UI Cards
zhlédnutí 3,2KPřed 2 měsíci
A deep dive into auto layout and how to design responsive components faster and provide more control for component variations. Get Started with ProtoPie: www.protopie.io/download Use code "CALER" for 10% off! Prototype your designs and test them with ProtoPie: www.protopie.io/plans?ref=caler - If you haven't downloaded Figma its Free: psxid.figma.com/kh2feohwvmqd Build websites with zero code, ...
Building a Website Design has never been Easier... (Framer)
zhlédnutí 4,1KPřed 3 měsíci
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...
The Future of Design & Development, Codux...
zhlédnutí 8KPřed 4 měsíci
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...
zhlédnutí 10KPřed 6 měsíci
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
zhlédnutí 4,1KPřed 6 měsíci
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): czcams.com/channels/fzOLBT7jyHFcaTgwmnttog.htmljoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.protopi...
Creating a 3D Interactive Website (Wix Studio + Spline)
zhlédnutí 23KPřed 8 měsíci
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): czcams.com/channels/fzOLBT7jyHFcaTgwmnttog.htmljoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.protopie.io/plans?ref=caler Try...
Using AI for UI/UX Design is Awesome!
zhlédnutí 27KPřed 8 měsíci
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): czcams.com/channels/fzOLBT7jyHFcaTgwmnttog.htmljoin 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 M...
Figma Design Challenge: 10 Minutes vs 30 Minutes vs...
zhlédnutí 6KPřed 9 měsíci
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): czcams.com/channels/fzOLBT7jyHFcaTgwmnttog.htmljoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.prot...
3D Web Interactions just got Easier... (Webflow & Spline)
zhlédnutí 11KPřed 9 měsíci
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): czcams.com/channels/fzOLBT7jyHFcaTgwmnttog.htmljoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.protopie.io/plans?ref=caler Try out Relume:...
Building a responsive landing page with Wix Studio...
zhlédnutí 14KPřed 10 měsíci
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): czcams.com/channels/fzOLBT7jyHFcaTgwmnttog.htmljoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.p...
Using 7 AI Tools to Design a Website... (Relume AI, MidJourney, ChatGPT & More)
zhlédnutí 454KPřed 10 měsíci
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): czcams.com/channels/fzOLBT7jyHFcaTgwmnttog.htmljoin Sign up for Webflow: webflow.grs...
New Figma Variables - Crash Course (Variables, Modes & Design Tokens)
zhlédnutí 6KPřed 10 měsíci
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): czcams.com/channels/fzOLBT7jyHFcaTgwmnttog.htmljoin Sign up for Webflow: webflow.grsm.io/caleredwards Sign up for ProtoPie: www.protopie.io/plans?ref=caler My Desk Setup for Design & CZca...
Creating a Better Portfolio with ProtoPie
zhlédnutí 6KPřed rokem
Creating a Better Portfolio with ProtoPie
Top 5 Amazing Websites Designers Must See
zhlédnutí 6KPřed rokem
Top 5 Amazing Websites Designers Must See
Realistic Video Prototypes | New Figma Features
zhlédnutí 9KPřed rokem
Realistic Video Prototypes | New Figma Features
MidJourney - EASY Beginner Guide to Get Started
zhlédnutí 12KPřed rokem
MidJourney - EASY Beginner Guide to Get Started
FIGMA Interactive App Navigation - Tab bar Tutorial
zhlédnutí 11KPřed rokem
FIGMA Interactive App Navigation - Tab bar Tutorial
Easily create interactive prototypes with ProtoPie
zhlédnutí 8KPřed rokem
Easily create interactive prototypes with ProtoPie
Can u please make tutorial of these websites in next video... Please it's my request
People should understand the difference between corporate websites and creative agency before judging
Hahaha
im trying to use it within Figma and its not really working can someone help me with this?
Love this! Is there any way to export it as a video?
A figma variable is a figma variable and nit a token. Design tokens are agnostic…translatable into every desired format. figma vars are not agnostic as they are figma specific. As a css variable too is kot a token too A json or xml would be the format your are looking for. You can kind of create the structure in figma. But it is in no way a token. Stop spreading half truths.
Too many plugins.
Why is it bad
Plugins need updates. many of this ones lack update for 2 or 3 years. You should never build your profession on someone shoulders. Make your own plugins. Thats apply to everything, including figma.
Mark
This was the best video I found explaining how to use components in figma!... and you did it 2 years ago! 😲😃
thank you so much
Beautiful!
very well explained, thank you
how would i get the text to change when i reach the second card on the right and so on?
Please do not add music, So we can foucs
It wont write the actual words. Trying to write sustainable makeovers and displays i.e maveiooors?? Why otjerwisenseems good
What do I search for to learn how to do these animation effects? Thanks.
Please create a figma crash course with new UI3
So glad I stopped design, you guys are getting replaced so hard
😂
This is sick :) Thanks for this video
Glad you like it!
ai is not art make real art
If you’re making art to sell I agree. If you’re testing different aesthetics and style before you pay an artist I don’t see the problem.
Do you think its better than midjourney?
For me, yes. I need a lot of images in the same brand for designs
@@CalerEdwards Thanks for your feedback!!!!
Thanks
No problem
Gumraod lol. Hope you enjoyed the video :D
the misspelling is [chefs kiss]
Just curious, does your CZcams channel get you freelance clients? I see you have a link to your site with a client form. I’m a web dev and just wondering how effective it’s been for you.
Do they have to be vectors? Can you use complex images from photoshop?
The one thing that framer need right now is scaleable text....once that is taken care off then it will 100% dominate the entire field....
greate video, mate!
When I add my image on top of it it is not shown in the animation!
This is very cool for nice looking hi-fi prototypes, but does it translate over to making the development any easier? If not, then is this really valuable to build out in Figma?
Thank you
I was searching how much user friendly is the "Find & Replace" feature in Brackets, but you just showed the web dev stuff.
Excellent stuff.
<script alert("hello")/>
thank you
Don't use Chat GPT or Midjourney. Get someone to write authentic copy. Hire people
This is amazing! Thank you so much
oh dear, you'd get pretty much the same results by pasting random designs from dribbble
Great video, could you please create a short video creating a resume sections(Experience, Education, Skills…). It would be great
how is this coded up in React?
looks like shit
So underrated. You did an amazing job showing the responsiveness! Would love to see more mobile optimization tutorials
Clean! thank you.
The voice inflection of this one video I've watched on your channel made it utterly unwatchable. That being said, you've excellent non-voice-pitch-related content.
new subscriber here!. I started watching the components and variants then this one, I loved how you teach. It's very clear and simple. Thank you!
Creating design for landings is one thing but what is the best flow to design more complex stuff like dashboards, apps and other nonlanding things? Do you think these tools that you mentioned are capable in those tasks too?
From my experience with AI so far it’s good for concepts and testing ideas and the fact that the tech itself is cool. But for a dashboard I wouldn’t use any ai at the moment as it would be faster and more efficient so just make it myself. AI has a long way to go, hope that answers your question.
Always love a great tutorial 💯
Appreciate it!
Too complicated for beginners.
Agreed; more of a showcase of possibilities rather than tutorial style video.
useful 🌷
Thanks, its very helping video
How do you export this animation to put on website?
I recreate them in Webflow following similar steps. Not sure there is any plugins do export interactions perfectly if at all.
Aghhhh, this is such a problem
Tx! Very helpful 👍👍