![Ricardo Costa](/img/default-banner.jpg)
- Видео 170
- Просмотров 424 026
Ricardo Costa
Португалия
Добавлен 24 мар 2020
Thanks for checking out my channel on RUclips!
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.
FigJam Essential Course in just 15 Minutes
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 file: www.figma.com/community/file/1383099221312996114/figjam-101-getting-started
Timestamps
0:00 Intro
0:48 File basics
3:48 Toolbar
6:22 Diagramming
8:03 More Tools
10:28 Collaboration tools
12:39 Premium features, extensions & AI
👍 Like & Subscribe: Enjoyed the video? Hit 'Like', share with friends, and subscr...
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 file: www.figma.com/community/file/1383099221312996114/figjam-101-getting-started
Timestamps
0:00 Intro
0:48 File basics
3:48 Toolbar
6:22 Diagramming
8:03 More Tools
10:28 Collaboration tools
12:39 Premium features, extensions & AI
👍 Like & Subscribe: Enjoyed the video? Hit 'Like', share with friends, and subscr...
Просмотров: 120
Видео
5 ESSENTIAL Micro Animations in Figma
Просмотров 8322 месяца назад
👉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...
Splash screen animation in Figma
Просмотров 4,6 тыс.3 месяца назад
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
Просмотров 2,8 тыс.3 месяца назад
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...
Interactive radio button like a PRO
Просмотров 4424 месяца назад
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...
MASTER Figma Multi-Edit: Boost Your Design Efficiency
Просмотров 3584 месяца назад
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
Просмотров 3664 месяца назад
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
Просмотров 1845 месяцев назад
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
Просмотров 3425 месяцев назад
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 ...
Scale frames with content in Figma - EASY
Просмотров 2,2 тыс.5 месяцев назад
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...
DESIGN for Apple Vision Pro
Просмотров 5505 месяцев назад
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...
Prototype an Interactive Map in Figma
Просмотров 4155 месяцев назад
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...
Figma prototype will never be the same after this
Просмотров 7106 месяцев назад
Try Figma bit.ly/figmaRCDesign If you use sections only to organize your frames, you are not using it to its full potential. They are great to visually group frames on the canvas but in this video I will show you how you can improve your prototypes to become faster in prototyping and reduce the amount of frames in your files. 👍 Like & Subscribe: Enjoyed the video? Hit 'Like', share with friends...
DON'T become UI/UX designer BEFORE you know this
Просмотров 4446 месяцев назад
DON'T become UI/UX designer BEFORE you know this
2024 Complete Guide to Becoming a UI/UX Designer
Просмотров 1,1 тыс.6 месяцев назад
2024 Complete Guide to Becoming a UI/UX Designer
How to create 3D effect in Figma - [FREE PLUGIN]
Просмотров 4737 месяцев назад
How to create 3D effect in Figma - [FREE PLUGIN]
Brainstorm ideas FASTER in Figjam AI
Просмотров 1,4 тыс.8 месяцев назад
Brainstorm ideas FASTER in Figjam AI
Create a Button Component in Figma
Просмотров 2,9 тыс.8 месяцев назад
Create a Button Component in Figma
Figma components FULL GUIDE | Components and Variants tutorial
Просмотров 8148 месяцев назад
Figma components FULL GUIDE | Components and Variants tutorial
Figma Game Prototype - Flappy bird game inspired
Просмотров 2,7 тыс.8 месяцев назад
Figma Game Prototype - Flappy bird game inspired
Using Generative Fill Ai In Photoshop: 16 Ways To Get The Most Out Of It
Просмотров 7489 месяцев назад
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.
Просмотров 1 тыс.9 месяцев назад
Adobe Updates with AI that will BLOW your Mind! Adobe MAX Highlights 2023.
You need to know this Figma Gradient Animation
Просмотров 8329 месяцев назад
You need to know this Figma Gradient Animation
NEVER forget this when designing apps
Просмотров 4799 месяцев назад
NEVER forget this when designing apps
5 HERO Sections Styles That You Can COPY
Просмотров 8999 месяцев назад
5 HERO Sections Styles That You Can COPY
Parallax scroll animation in FIGMA
Просмотров 4,8 тыс.10 месяцев назад
Parallax scroll animation in FIGMA
Scroll animation in Figma - Horizontal & Vertical
Просмотров 2,2 тыс.10 месяцев назад
Scroll animation in Figma - Horizontal & Vertical
NETFLIX Hero section in 3 STEPS - FIGMA
Просмотров 2 тыс.10 месяцев назад
NETFLIX Hero section in 3 STEPS - FIGMA
Carousel animation in 3 EASY STEPS - Figma tutorial
Просмотров 6 тыс.10 месяцев назад
Carousel animation in 3 EASY STEPS - Figma tutorial
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
THIS IS FOR PAID FIGAM ONLY, THIS IS FOR PAID FIGMA ONLY, wasted time on this. until the end I have to buy the subscription to do anything.
Thanks. Finally i managed to resize whatever I needed :)
that's a great solution, but what about if you want to add a bit of style with motion?
Hello. In reviews of the ProArt Display PA279CRV monitor, customers complain about PWM, that their eyes get tired, and someone hurts when working on this monitor, probably because of PWM, or something else. How can you comment on this situation with the monitor, is it worth buying it, given this drawback, is it a marriage, or do all monitors have such bad features? Thanks .
Excellent job man, very helpful, and thanks for sharing the file as well!
This guy is a fricking rocket scientist. Just saved me days and days of work. I am, however, angry that the developer I hired to do the UI/UX for the app I'm developing DIDN'T do a single drop down combo box this way and I now have to go back and fix at least 15 combo boxes.
Thank you for sharing, but I am interested if I can use it for a mobile app?
Thanks for watching! Try Figma bit.ly/figmaRCDesign Try Figjam here: bit.ly/figjamRCDesign