Caler Edwards
Caler Edwards
  • 440
  • 14 607 164
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
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
Twitch's 3D Hover Effect in Figma
zhlédnutí 3,6KPřed rokem
Twitch's 3D Hover Effect in Figma
32 NEW Updates to Figma
zhlédnutí 14KPřed rokem
32 NEW Updates to Figma
Figma Agency Website Design Tutorial
zhlédnutí 8KPřed rokem
Figma Agency Website Design Tutorial
Realistic Video Prototypes | New Figma Features
zhlédnutí 9KPřed rokem
Realistic Video Prototypes | New Figma Features
5 Inspirational Website Designs
zhlédnutí 10KPřed rokem
5 Inspirational Website Designs
MidJourney - EASY Beginner Guide to Get Started
zhlédnutí 12KPřed rokem
MidJourney - EASY Beginner Guide to Get Started
Using AI for UI Design is INSANE!
zhlédnutí 77KPřed rokem
Using AI for UI Design is INSANE!
5 FREE Icon sets for UI designers
zhlédnutí 4,7KPřed rokem
5 FREE Icon sets for UI designers
5 Amazing Website Designs of 2022
zhlédnutí 8KPřed rokem
5 Amazing Website Designs of 2022
FIGMA Interactive App Navigation - Tab bar Tutorial
zhlédnutí 11KPřed rokem
FIGMA Interactive App Navigation - Tab bar Tutorial
Animated Mesh Gradients in Figma
zhlédnutí 38KPřed rokem
Animated Mesh Gradients in Figma
Create a Streaming App UI in Figma
zhlédnutí 4,4KPřed rokem
Create a Streaming App UI in Figma
Figma Streaming App UI Design
zhlédnutí 6KPřed rokem
Figma Streaming App UI Design
These Websites are Amazing
zhlédnutí 8KPřed rokem
These Websites are Amazing
Easily create interactive prototypes with ProtoPie
zhlédnutí 8KPřed rokem
Easily create interactive prototypes with ProtoPie

Komentáře

  • @CricketFanClubvm1wy

    Can u please make tutorial of these websites in next video... Please it's my request

  • @huyennguyenkhai7632

    People should understand the difference between corporate websites and creative agency before judging

  • @shreya.sharma212
    @shreya.sharma212 Před 6 dny

    Hahaha

  • @procutedits
    @procutedits Před 14 dny

    im trying to use it within Figma and its not really working can someone help me with this?

  • @zuuazua
    @zuuazua Před 15 dny

    Love this! Is there any way to export it as a video?

  • @nutellanorbert2799
    @nutellanorbert2799 Před 17 dny

    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.

  • @jkoblivion4175
    @jkoblivion4175 Před 19 dny

    Too many plugins.

    • @musicgood838
      @musicgood838 Před 19 dny

      Why is it bad

    • @jkoblivion4175
      @jkoblivion4175 Před 16 dny

      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.

  • @gdj777
    @gdj777 Před 21 dnem

    Mark

  • @JessicaCarmona-pp4wd
    @JessicaCarmona-pp4wd Před 21 dnem

    This was the best video I found explaining how to use components in figma!... and you did it 2 years ago! 😲😃

  • @ShakunVerma-to2fd
    @ShakunVerma-to2fd Před 22 dny

    thank you so much

  • @leonardo_iann
    @leonardo_iann Před 24 dny

    Beautiful!

  • @benvsantos
    @benvsantos Před 28 dny

    very well explained, thank you

  • @nox_1450
    @nox_1450 Před 28 dny

    how would i get the text to change when i reach the second card on the right and so on?

  • @rakan_turk
    @rakan_turk Před 28 dny

    Please do not add music, So we can foucs

  • @coreywhite3161
    @coreywhite3161 Před měsícem

    It wont write the actual words. Trying to write sustainable makeovers and displays i.e maveiooors?? Why otjerwisenseems good

  • @siddhartha_1
    @siddhartha_1 Před měsícem

    What do I search for to learn how to do these animation effects? Thanks.

  • @uiuxdesigner101
    @uiuxdesigner101 Před měsícem

    Please create a figma crash course with new UI3

  • @Yaymess
    @Yaymess Před měsícem

    So glad I stopped design, you guys are getting replaced so hard

  • @zlatkozivic5531
    @zlatkozivic5531 Před měsícem

    This is sick :) Thanks for this video

  • @swisscheeseham
    @swisscheeseham Před měsícem

    ai is not art make real art

    • @CalerEdwards
      @CalerEdwards Před měsícem

      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.

  • @vcodev108
    @vcodev108 Před měsícem

    Do you think its better than midjourney?

    • @CalerEdwards
      @CalerEdwards Před měsícem

      For me, yes. I need a lot of images in the same brand for designs

    • @vcodev108
      @vcodev108 Před měsícem

      @@CalerEdwards Thanks for your feedback!!!!

  • @itachiuchiha1real
    @itachiuchiha1real Před měsícem

    Thanks

  • @CalerEdwards
    @CalerEdwards Před měsícem

    Gumraod lol. Hope you enjoyed the video :D

    • @scept3r.studios
      @scept3r.studios Před měsícem

      the misspelling is [chefs kiss]

    • @ChicagoJ351
      @ChicagoJ351 Před 4 dny

      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.

  • @rz9wb
    @rz9wb Před měsícem

    Do they have to be vectors? Can you use complex images from photoshop?

  • @Dliu-tiberius1116
    @Dliu-tiberius1116 Před měsícem

    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....

  • @EduardoDeos
    @EduardoDeos Před měsícem

    greate video, mate!

  • @DAP_TECH
    @DAP_TECH Před měsícem

    When I add my image on top of it it is not shown in the animation!

  • @jlund24
    @jlund24 Před měsícem

    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?

  • @ismaeltafo
    @ismaeltafo Před měsícem

    Thank you

  • @kcvinu
    @kcvinu Před měsícem

    I was searching how much user friendly is the "Find & Replace" feature in Brackets, but you just showed the web dev stuff.

  • @patrickh4968
    @patrickh4968 Před měsícem

    Excellent stuff.

  • @Sagarclips
    @Sagarclips Před měsícem

    <script alert("hello")/>

  • @onixgaming6915
    @onixgaming6915 Před měsícem

    thank you

  • @77NickDale
    @77NickDale Před měsícem

    Don't use Chat GPT or Midjourney. Get someone to write authentic copy. Hire people

  • @itsmeqq
    @itsmeqq Před měsícem

    This is amazing! Thank you so much

  • @blazejbch
    @blazejbch Před měsícem

    oh dear, you'd get pretty much the same results by pasting random designs from dribbble

  • @mohamedkabha1761
    @mohamedkabha1761 Před měsícem

    Great video, could you please create a short video creating a resume sections(Experience, Education, Skills…). It would be great

  • @GregCullen-nh5kv
    @GregCullen-nh5kv Před 2 měsíci

    how is this coded up in React?

  • @vivanesca
    @vivanesca Před 2 měsíci

    looks like shit

  • @investinyourself8775
    @investinyourself8775 Před 2 měsíci

    So underrated. You did an amazing job showing the responsiveness! Would love to see more mobile optimization tutorials

  • @gustavozavanin6341
    @gustavozavanin6341 Před 2 měsíci

    Clean! thank you.

  • @misterFriend.
    @misterFriend. Před 2 měsíci

    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.

  • @brankhihiboldob5675
    @brankhihiboldob5675 Před 2 měsíci

    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!

  • @sirvladislav
    @sirvladislav Před 2 měsíci

    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?

    • @CalerEdwards
      @CalerEdwards Před 2 měsíci

      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.

  • @lucaspiccart3783
    @lucaspiccart3783 Před 2 měsíci

    Always love a great tutorial 💯

  • @mosterkna9854
    @mosterkna9854 Před 2 měsíci

    Too complicated for beginners.

    • @CalerEdwards
      @CalerEdwards Před 2 měsíci

      Agreed; more of a showcase of possibilities rather than tutorial style video.

  • @vlogly-shy-002
    @vlogly-shy-002 Před 2 měsíci

    useful 🌷

  • @amanpachisia1106
    @amanpachisia1106 Před 2 měsíci

    Thanks, its very helping video

  • @designlyonco
    @designlyonco Před 2 měsíci

    How do you export this animation to put on website?

    • @CalerEdwards
      @CalerEdwards Před 2 měsíci

      I recreate them in Webflow following similar steps. Not sure there is any plugins do export interactions perfectly if at all.

    • @rockingnick
      @rockingnick Před měsícem

      Aghhhh, this is such a problem

  • @ekoeschannel140
    @ekoeschannel140 Před 2 měsíci

    Tx! Very helpful 👍👍