Ricardo Costa
Ricardo Costa
  • 172
  • 430 562
What is UX Design - Must know tips for new designers
👉Figma Professional psxid.figma.com/sqolu12rnye1-ouafk
I organize my everyday tasks with Notion: affiliate.notion.so/sj7rw7m77ye1
Are you new to UX design and want to get better? In this video I will cover the basics of User Experience (UX) design, including what it is in practice, how it works, and why it's important for businesses.
You'll understand how to make websites and apps that are easy and fun to use.
Let me know in the comments what other topics you need to be covered!
#figma #figmaslides #config
Thanks for watching this video. If this video add value to you please make sure you subscribe the channel, like and comment the video so that I can keep up with content like this to help you become a better designer. 🙌
👉Try Figjam here psxid.figma.com/r84po22vy008-lpaypq
👉Subscribe Envato for unlimited downloads resources: 1.envato.market/zaNvOM
👉Try Adobe for free adobe.prf.hn/click/camref:1100luj8w
👉Host your website with Hostinger www.hostg.xyz/aff_c?offer_id=6&aff_id=151637
👉Tubebuddy - The ultimate CZcams creators tool bit.ly/tubebuddyRicardo
Connect with me on social media
👉 Instagram ricardocostadesign
👉 Facebook ricardocostadesigner
👉 Linkedin www.linkedin.com/in/ricardocostadesign
👉 Twitter: ricardocostaeu
👉 TikTok: tiktok.com/@ricardocostadesign
zhlédnutí: 1

Video

Figma Slides: The Next Level of Presentations for Designers
zhlédnutí 213Před 16 hodinami
👉Figma Professional psxid.figma.com/sqolu12rnye1-ouafk I organize my everyday tasks with Notion: affiliate.notion.so/sj7rw7m77ye1 Figma recently released the new Figma Slides product with a lot of new and awesome features. If you are like me that most of my work is done in Figma and have to present mockups and prototypes you will love this. Let me know in the comments what other topics you need...
FigJam Essential Course in just 15 Minutes
zhlédnutí 134Před měsícem
Try Figjam here: bit.ly/figjamRCDesign I organize my everyday tasks with Notion: affiliate.notion.so/sj7rw7m77ye1 Welcome to our comprehensive guide on FigJam! In this video, you’ll learn everything you need to know to get started with FigJam, from the basics to advanced features. Whether you're new to FigJam or looking to refine your skills, this tutorial has got you covered. Access working fi...
How to create Micro Animations in Figma
zhlédnutí 942Před 3 měsíci
👉Figma Professional psxid.figma.com/sqolu12rnye1-ouafk I organize my everyday tasks with Notion: affiliate.notion.so/sj7rw7m77ye1 Hey friends, in this video I combine 5 essential animations for you to create awesome prototypes. Micro animations elevate your designs some steps up to demonstrate your ideas when doing some work. Today you will learn how to animate a Switch toggle, a dropdown, an a...
How to create Splash screen animation in Figma
zhlédnutí 6KPřed 3 měsíci
Try Figma bit.ly/figmaRCDesign I organize my everyday tasks with Notion: affiliate.notion.so/sj7rw7m77ye1 In this video I'll guide you through simple steps to elevate your animation skills in splash screens or intro app screens. Maybe you're creating a project for an app that needs to create an intro, in this easy tutorial you will understand how you can pop your animation to differentiate from...
Share Figma Files with clients and developers
zhlédnutí 3,2KPřed 4 měsíci
Unlock the full potential of Figma by mastering the art of sharing your designs! From a single frame to an entire prototype, I’ll show you how to streamline your design workflow by sharing efficiently with anyone, anywhere. Keep watching to uncover professional insights that could elevate your design process. 🚀 Quick Tip: Before sharing a file, name your layers properly to ensure Figma recogniz...
How to create an Interactive radio button
zhlédnutí 468Před 4 měsíci
Figma: bit.ly/figmaRCDesign Figjam: bit.ly/figjamRCDesign Figma file: www.figma.com/community/file/1353554618481960293/radio-button-single-choice-tutorial Chapters 0:00 Intro 0:08 Create radio button component 1:27 Create card component 2:37 Apply auto layout 5:30 Card component set 6:20 PRO tip on prototypes 9:40 Test prototype Creating an engaging and efficient radio button animation in Figma...
How to use Figma Multi-Edit
zhlédnutí 359Před 4 měsíci
My Tools Figma: bit.ly/figmaRCDesign Figjam: bit.ly/figjamRCDesign File playground: www.figma.com/community/file/1350883583011375464/multi-edit-playground Multi-edit is a feature in Figma that lets you select and edit multiple objects across different frames at the same time. Now, you can select objects in multiple frames on your canvas or within a specific section to resize, align, and modify ...
I Redesigned Amazon Prime Mobile App
zhlédnutí 383Před 5 měsíci
In this video, I use Figma to redesign the home and profile screen of a popular video subscription app, Amazon Prime Video. I used the FigJam board to write and brainstorm ideas In this video, we dive into the creative process of reimagining the user interface of Amazon Prime Video, one of the leading video subscription platforms. Using Figma and FigJam, a powerful design tool, and the collabor...
How to create a new FigJam file in Figma
zhlédnutí 193Před 5 měsíci
Try Figjam here: bit.ly/figjamRCDesign In this Figjam nugget you will know how to create a figjam file and learn the basic features of this app inside Figma. 👍 Like & Subscribe: Enjoyed the video? Hit 'Like', share with friends, and subscribe for more UX insights! 💬 Comment Below: Have thoughts or questions on UX Design? Join the conversation in the comments! Tools I use everyday (Affiliate lin...
Brainstorm ideas in FigJam - Figma
zhlédnutí 366Před 5 měsíci
FigJam is an online collaboration tool designed for everyone. I use Figjam a lot on my design process and I want to share with you a series of figjam nuggets to help you start with it. 👍 Like & Subscribe: Enjoyed the video? Hit 'Like', share with friends, and subscribe for more UX insights! 💬 Comment Below: Have thoughts or questions on UX Design? Join the conversation in the comments! Tools I ...
How to Scale frames with content in Figma - EASY
zhlédnutí 2,6KPřed 5 měsíci
Try Figma bit.ly/figmaRCDesign I organize my everyday tasks with Notion: affiliate.notion.so/sj7rw7m77ye1 In this Figma nugget you will know how to use the scale tool to proportionally resize layers and objects. This tool preserves aspect ratios and ignores constraints of any nested layers in order to scale them proportionally. Any blurs or strokes will scale as well. Activate the scale tool by...
How to DESIGN for Apple Vision Pro
zhlédnutí 564Před 5 měsíci
Try Figma bit.ly/figmaRCDesign Try Figjam here: bit.ly/figjamRCDesign Today, we're diving into the exciting world of Spatial Design, especially with the buzz around Apple's latest innovation, the Apple Vision Pro. Let's break it down into simple terms and explore what makes this device a game-changer in AR and VR technology. As designers, understanding this new frontier can revolutionize how we...
How to Prototype an Interactive Map in Figma
zhlédnutí 434Před 6 měsíci
Try Figma bit.ly/figmaRCDesign Try Figjam here: bit.ly/figjamRCDesign In this tutorial, you will know how to create an interactive map in Figma using basic elements. Map plugin (Figmap): www.figma.com/community/plugin/937760472566581732/figmap 👍 Like & Subscribe: Enjoyed the video? Hit 'Like', share with friends, and subscribe for more UX insights! 💬 Comment Below: Have thoughts or questions on...
How to prototype in Figma
zhlédnutí 720Před 6 měsíci
How to prototype in Figma
How to become a UX designer (2024)
zhlédnutí 445Před 6 měsíci
How to become a UX designer (2024)
Complete Guide to UI/UX (2024)
zhlédnutí 1,1KPřed 7 měsíci
Complete Guide to UI/UX (2024)
How to create 3D effect in Figma - [FREE PLUGIN]
zhlédnutí 524Před 7 měsíci
How to create 3D effect in Figma - [FREE PLUGIN]
Sticky scroll Figma
zhlédnutí 572Před 8 měsíci
Sticky scroll Figma
Brainstorm ideas FASTER in Figjam AI
zhlédnutí 1,4KPřed 8 měsíci
Brainstorm ideas FASTER in Figjam AI
Create a Button Component in Figma
zhlédnutí 3,1KPřed 8 měsíci
Create a Button Component in Figma
Figma components FULL GUIDE | Components and Variants tutorial
zhlédnutí 832Před 9 měsíci
Figma components FULL GUIDE | Components and Variants tutorial
Figma Game Prototype - Flappy bird game inspired
zhlédnutí 2,8KPřed 9 měsíci
Figma Game Prototype - Flappy bird game inspired
Using Generative Fill Ai In Photoshop: 16 Ways To Get The Most Out Of It
zhlédnutí 753Před 9 měsíci
Using Generative Fill Ai In Photoshop: 16 Ways To Get The Most Out Of It
Adobe Updates with AI that will BLOW your Mind! Adobe MAX Highlights 2023.
zhlédnutí 1KPřed 9 měsíci
Adobe Updates with AI that will BLOW your Mind! Adobe MAX Highlights 2023.
You need to know this Figma Gradient Animation
zhlédnutí 853Před 9 měsíci
You need to know this Figma Gradient Animation
NEVER forget this when designing apps
zhlédnutí 479Před 10 měsíci
NEVER forget this when designing apps
5 HERO Sections Styles That You Can COPY
zhlédnutí 912Před 10 měsíci
5 HERO Sections Styles That You Can COPY
Parallax scroll animation in FIGMA
zhlédnutí 4,9KPřed 10 měsíci
Parallax scroll animation in FIGMA
Scroll animation in Figma - Horizontal & Vertical
zhlédnutí 2,2KPřed 10 měsíci
Scroll animation in Figma - Horizontal & Vertical

Komentáře

  • @ThinkAboutRight9339
    @ThinkAboutRight9339 Před 7 hodinami

    Good job for helping poor people that can't afford course fee

  • @AmyFranzThomas
    @AmyFranzThomas Před dnem

    This is amazing! I spent so much time looking for a video like this, so exciting.

  • @RicardoCostaDesign
    @RicardoCostaDesign Před 6 dny

    Try Figma Slides bit.ly/figmaRCDesign This will change the way you create your presentations. Let me know if this helps you.

  • @fareedmohamed1504
    @fareedmohamed1504 Před 7 dny

    I will try it. Never use Figma before.

  • @HybridZFPS
    @HybridZFPS Před 7 dny

    Thanks for the tips 🙏

  • @michaelantunes6363
    @michaelantunes6363 Před 7 dny

    Muito bom.

  • @KadeFresco
    @KadeFresco Před 8 dny

    So the difference in price is basically connectivity? I really just simply want to color grade videos

  • @blackshirtdesign
    @blackshirtdesign Před 10 dny

    Pretty cool use of variables! Using this method though, when opening the select menu in a layout, it will push down everything below it, yes? Might be better too design as a "open overlay" instead of as a variant. More troublesome is how do I unselect anything? I do not want to be locked in to a selection. But there is no way to remove my selection or "reset" the field.

  • @chingmingphotosable
    @chingmingphotosable Před 11 dny

    Thank you Ricardo. I have a question about multiple dropdown menus: I used your approach to make multiple dropdown menus but quickly found out I can pull down every single menu items. Is there any way to limit the number of dropped-down menu to just one? Tried boolean variables but still couldn't solve this issue.

  • @aronfelipe5157
    @aronfelipe5157 Před 13 dny

    Hii guy thanks for the video , I'm not sure, but do you speak Portuguese?

  • @ilhanaluk5116
    @ilhanaluk5116 Před 13 dny

    thanks quaresma

  • @baumotion
    @baumotion Před 21 dnem

    thanks for the quick help!

  • @lauranixon20
    @lauranixon20 Před 21 dnem

    Is there a way of making one component for the dropdown that will work in any scenario? In our app we have loads of dropdown lists, I don't want to have to create a component for every single one. This is nice for a one off dropdown but doesn't work as a reusable component.

  • @bandungmee
    @bandungmee Před 23 dny

    thanks... it looks simple function but quite tough for a beginner. but the steps you show are detailed and easy to follow

  • @anissaford378
    @anissaford378 Před 24 dny

    This gels with much, if not all that I learned in Google UX certification recently. I've only done one project and am almost finished with a second. Research for both apps produced innovation and provided information that both consumers and businesses hadn't considered in the past. Still, professional designers sharing beautiful designs is intimidating. I see it and want it which means more time studying software.

  • @jamalabdotube
    @jamalabdotube Před 24 dny

    Good for macbook ? i mean the colors and brightness

  • @Underhills
    @Underhills Před 29 dny

    27" is too small for 1:1 4K res. on 16:9. Best res. for this size is 1440p. Especially if you do UI work. To utilize 4K at least "31.1 or preferably 32" is optimal. In that regard my recommendation is the Eizo ColorEdge CG319X 32 4K. This product also has much better Adobe RGB coverage if you do photographic work and the best color accuracy on the market.

  • @hajiral-rashdia8488
    @hajiral-rashdia8488 Před měsícem

    thanks

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

    Nice idea. I tried creating a side bar with 6 buttons. There is a dropdown on the second and fifth buttons. The dropdown is floating above the main buttons. Couldn't figure out what was the challenge. Can you do a video of that kind?

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

    Thank you for this very helpful video. I have one question, can you also add "close when clicking outside" when the dropdown is visible? Thanks!

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

    Thanks, mate, this tutorial helped me a lot. One thing I've noticed is that when inserting the component into a form on a page with other inputs, the dropdown will push the bottom content since it's not an overlay, and if you try and add the dropdown as absolute into the instances, it won't push the bottom content. Still, it will go behind, and there is no way to control the z-index. Any suggestion.

  • @user-bw3wi7fk8s
    @user-bw3wi7fk8s Před měsícem

    How keeP selected option defferent? on click only change variables , not states

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

    The issue I'm encountering is that when there are 4 identical dropdowns in a row, selecting an option in one dropdown changes the value of all the others. Any ideas?

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

    What if I have 20 different dropdowns for my complete product, if i try to create new one how complicated it will be in local variable section.

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

    You missed to show the icon home flow. Could you please explain to me how to connect all home icon to the home screen?

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

    I cant find an answer for my problem anywhere on the internet, maybe you can help me? I need to use multiple dropdown menus, one under the other, but they cant move when i expand the list, and i need then to close when clinckng outside

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

    I was searching a tutorial for the accordion feature, easy to follow and on point! Thank you very much!

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

    Hey Ricardo I'm a Product Designer and I'm planning to buy this monitor, I just wanna know your opinion on this monitor. Do you think is it perfect for product designer? Is it good for doing UI Design? Do you find any color shift on this, like you choose a HEX code and it shows a slightly different color? Thanks in advance ☺️

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

    So if apple is selected, how do you advance to another page in a prototype where that option is set property?

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

    Nice tutorail,but $12/month

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

    Good luck 🎉

  • @user-ke8be4yj6v
    @user-ke8be4yj6v Před 2 měsíci

    🎉thank you a lot 😊

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

    Which is good for Photographer ?

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

    Why doesnt the hover work for me??? Anyone got the same problem?

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

    Exactly want I needed as a Figma noob. Thank you!

  • @mdershadmia5482
    @mdershadmia5482 Před 3 měsíci

    I cant set fruit list into the select Fruit,, i select fruit list and expended component but when i should copy ,, i dont understand i have to copy frutis list before select select expended component, anyone should help me

  • @gravitalez
    @gravitalez Před 3 měsíci

    Great Video! Do you make the connection through HDMI or Display Port? (In a macbook air m1)

  • @oliveirasmj
    @oliveirasmj Před 3 měsíci

    top⭐

  • @tutukumarpanda
    @tutukumarpanda Před 3 měsíci

    It's helpful, thanks

  • @brunoreis3
    @brunoreis3 Před 3 měsíci

    amazing

  • @RicardoCostaDesign
    @RicardoCostaDesign Před 3 měsíci

    👉Figma Professional psxid.figma.com/sqolu12rnye1-ouafk Thanks for watching!

  • @sebastianovzky1253
    @sebastianovzky1253 Před 3 měsíci

    There is some blurry text problem with this monitor?

  • @harshitdhasmana587
    @harshitdhasmana587 Před 3 měsíci

    Can someone please explain what shortcut did he said at 9:53 timestamp for putting the fruitlist component back inside the expanded component ...

  • @julianaramirez7669
    @julianaramirez7669 Před 3 měsíci

    How can you connect after finish this, a fruit you select with a specific frame? to show a new screen or frame when you select each fruit?

  • @hoangloc0710
    @hoangloc0710 Před 3 měsíci

    Love how you make that text animation, appreciate the tutorial ☺

  • @RicardoCostaDesign
    @RicardoCostaDesign Před 3 měsíci

    Thanks for watching! Try Figma bit.ly/figmaRCDesign Try Figjam here: bit.ly/figjamRCDesign

  • @tutukumarpanda
    @tutukumarpanda Před 3 měsíci

    Nice, thanks for sharing 👍

  • @SamueleBesoli
    @SamueleBesoli Před 3 měsíci

    Wow! Beautiful Animation 😍 Thank you for the video! I will try it 😏

  • @sibyllynxdragneel3792
    @sibyllynxdragneel3792 Před 3 měsíci

    Este video me ayudo en el trabajo, gracias!!!

  • @RicardoCostaDesign
    @RicardoCostaDesign Před 3 měsíci

    Thanks for watching! 👉Try Figjam here psxid.figma.com/r84po22vy008-lpaypq