![Caler Edwards](/img/default-banner.jpg)
- 440
- 14 590 167
Caler Edwards
United States
Приєднався 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!
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
Переглядів: 1 947
Відео
Design Better Responsive Components in Figma - UI Cards
Переглядів 3,1 тис.2 місяці тому
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)
Переглядів 4 тис.2 місяці тому
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...
Переглядів 8 тис.4 місяці тому
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 тис.5 місяців тому
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
Переглядів 4 тис.6 місяців тому
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): ua-cam.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)
Переглядів 23 тис.8 місяців тому
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): ua-cam.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!
Переглядів 27 тис.8 місяців тому
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): ua-cam.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...
Переглядів 6 тис.9 місяців тому
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): ua-cam.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)
Переглядів 11 тис.9 місяців тому
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): ua-cam.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...
Переглядів 14 тис.10 місяців тому
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): ua-cam.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)
Переглядів 451 тис.10 місяців тому
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): ua-cam.com/channels/fzOLBT7jyHFcaTgwmnttog.htmljoin Sign up for Webflow: webflow.grs...
New Figma Variables - Crash Course (Variables, Modes & Design Tokens)
Переглядів 6 тис.10 місяців тому
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): ua-cam.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 & UA-c...
Creating a Better Portfolio with ProtoPie
Переглядів 6 тис.Рік тому
Creating a Better Portfolio with ProtoPie
Top 5 Amazing Websites Designers Must See
Переглядів 6 тис.Рік тому
Top 5 Amazing Websites Designers Must See
Realistic Video Prototypes | New Figma Features
Переглядів 9 тис.Рік тому
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
Переглядів 11 тис.Рік тому
FIGMA Interactive App Navigation - Tab bar Tutorial
Easily create interactive prototypes with ProtoPie
Переглядів 8 тис.Рік тому
Easily create interactive prototypes with ProtoPie
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]
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 👍👍
4:10 b&w transition
05:09 transition 06:40
great. keep it up mr. edwards,