![Ricardo Costa](/img/default-banner.jpg)
- 172
- 430 562
Ricardo Costa
Portugal
Registrace 24. 03. 2020
Thanks for checking out my channel on CZcams!
I'm Ricardo Costa, I'm a digital product designer based in Portugal and I help people improve skills in digital design, UX/UI design and knowledge with AI to unlock their full potential.
I'm Ricardo Costa, I'm a digital product designer based in Portugal and I help people improve skills in digital design, UX/UI design and knowledge with AI to unlock their full potential.
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
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 create 3D effect in Figma - [FREE PLUGIN]
zhlédnutí 524Před 7 měsíci
How to create 3D effect in Figma - [FREE PLUGIN]
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
Scroll animation in Figma - Horizontal & Vertical
zhlédnutí 2,2KPřed 10 měsíci
Scroll animation in Figma - Horizontal & Vertical
Good job for helping poor people that can't afford course fee
This is amazing! I spent so much time looking for a video like this, so exciting.
Try Figma Slides bit.ly/figmaRCDesign This will change the way you create your presentations. Let me know if this helps you.
I will try it. Never use Figma before.
Hope you enjoy it :)
Thanks for the tips 🙏
Thanks a lot @HybridZFPS :)
Muito bom.
Obrigado @michaelantunes6363 :)
So the difference in price is basically connectivity? I really just simply want to color grade videos
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.
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.
Hii guy thanks for the video , I'm not sure, but do you speak Portuguese?
thanks quaresma
thanks for the quick help!
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.
thanks... it looks simple function but quite tough for a beginner. but the steps you show are detailed and easy to follow
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.
Good for macbook ? i mean the colors and brightness
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.
thanks
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?
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!
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.
How keeP selected option defferent? on click only change variables , not states
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?
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.
You missed to show the icon home flow. Could you please explain to me how to connect all home icon to the home screen?
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
I was searching a tutorial for the accordion feature, easy to follow and on point! Thank you very much!
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 ☺️
So if apple is selected, how do you advance to another page in a prototype where that option is set property?
Nice tutorail,but $12/month
Good luck 🎉
🎉thank you a lot 😊
Glad it helped 🙏
Which is good for Photographer ?
Why doesnt the hover work for me??? Anyone got the same problem?
Exactly want I needed as a Figma noob. Thank you!
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
Great Video! Do you make the connection through HDMI or Display Port? (In a macbook air m1)
top⭐
Thanks Miguel! 🤟
It's helpful, thanks
thanks a lot :)
amazing
Thank you Bruno 🙏
👉Figma Professional psxid.figma.com/sqolu12rnye1-ouafk Thanks for watching!
There is some blurry text problem with this monitor?
Can someone please explain what shortcut did he said at 9:53 timestamp for putting the fruitlist component back inside the expanded component ...
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?
Love how you make that text animation, appreciate the tutorial ☺
Glad you like it! Thanks for your comment 🙌
Thanks for watching! Try Figma bit.ly/figmaRCDesign Try Figjam here: bit.ly/figjamRCDesign
Nice, thanks for sharing 👍
Thank you for commenting @tutukamarpanda
Wow! Beautiful Animation 😍 Thank you for the video! I will try it 😏
Thanks a lot Samuele 🙏
Este video me ayudo en el trabajo, gracias!!!
Muchas gracias!
Thanks for watching! 👉Try Figjam here psxid.figma.com/r84po22vy008-lpaypq