![Dennis Cortes](/img/default-banner.jpg)
- 259
- 801 444
Dennis Cortes
United States
Registrace 11. 01. 2013
This channel is all about design, code, music production, and just things I love in life. I try and share my opinions and experience freely with others to have discussions and to teach what I know! I currently lead the product design team at Mothership, produce music as Cordio, making a coffee app called Taste Notes, share thoughts on my blog, make products at Trademarked, make design and music tutorials, and run my Patreon.
I've been designing for 10+ years and coding for 4+ years. I specialize in design, mainly working in product design for both the web and mobile apps. I have extensive experience with both visual and interaction design, design systems, user research, branding, shipping products, React, CSS architecture, and component systems.
I also make music and have produced 10+ albums, blending elements from electronic, ambient, jazz, lofi, and hip-hop under the alias Cordio.
I've been designing for 10+ years and coding for 4+ years. I specialize in design, mainly working in product design for both the web and mobile apps. I have extensive experience with both visual and interaction design, design systems, user research, branding, shipping products, React, CSS architecture, and component systems.
I also make music and have produced 10+ albums, blending elements from electronic, ambient, jazz, lofi, and hip-hop under the alias Cordio.
Adobe Bought Figma for $20B! What Can We Expect from Figma Now?
In this video, I'll walk you through my thoughts about Adobe buying Figma for $20B (which blows my mind). I talk through some of the questions about this buyout and what it could mean for Figma and its user base, especially given Adobe's business practices in the past.
I'm really hoping this does not change Figma's path as a company, but who knows what can happen especially with a buyout this large! What do you think of the news and the future of Figma?
TechCrunch announcement: techcrunch.com/2022/09/15/adobe-is-buying-figma-for-20b-taking-out-one-of-its-biggest-rivals-in-digital-design
Dylan's blog article: www.figma.com/blog/a-new-collaboration-with-adobe
🙏 SUPPORT ME ON PATREON
Get early access to videos, participate in Q&As, get my unreleased music and Figma source files, and exclusive updates on Patreon! www.patreon.com/shyboytm
🎧 MUSIC
Lofi Beats to Create, Design, and Code to (Royalty Free): czcams.com/video/XW9S3s8XLJI/video.html
Background music by Cordio (me!): cortes.us/music
Looking for a record label? Try DistroKid: distrokid.com/vip/seven/799422
Access millions of samples on Splice: splice.com/vip/fromcortes
☕ PROJECTS
Buy my iOS 15 icon set at osicons.com
Taste Notes, a coffee tracking app: tastenotes.app
💻 SETUP
Interested in my setup? Everything I use is here: www.cortes.us/tools
📹 RELATED VIDEOS
How and Why to Use an 8pt Grid for Product and Website Design in Figma (Tutorial): czcams.com/video/5CZPgtJqM7A/video.html
How to Interview for Design IC and Leadership Roles in UX and Product Design: czcams.com/video/sUA-023ISlo/video.html
How I Got Into Product Design and My Career: czcams.com/video/oMTyd_QcTXQ/video.html
👋 SOCIALS
Twitter: shyboytm
Instagram: shyboytm
Dribbble: www.dribbble.com/shyboytm
Website: www.cortes.us
Contact: hi@cortes.us
I'm really hoping this does not change Figma's path as a company, but who knows what can happen especially with a buyout this large! What do you think of the news and the future of Figma?
TechCrunch announcement: techcrunch.com/2022/09/15/adobe-is-buying-figma-for-20b-taking-out-one-of-its-biggest-rivals-in-digital-design
Dylan's blog article: www.figma.com/blog/a-new-collaboration-with-adobe
🙏 SUPPORT ME ON PATREON
Get early access to videos, participate in Q&As, get my unreleased music and Figma source files, and exclusive updates on Patreon! www.patreon.com/shyboytm
🎧 MUSIC
Lofi Beats to Create, Design, and Code to (Royalty Free): czcams.com/video/XW9S3s8XLJI/video.html
Background music by Cordio (me!): cortes.us/music
Looking for a record label? Try DistroKid: distrokid.com/vip/seven/799422
Access millions of samples on Splice: splice.com/vip/fromcortes
☕ PROJECTS
Buy my iOS 15 icon set at osicons.com
Taste Notes, a coffee tracking app: tastenotes.app
💻 SETUP
Interested in my setup? Everything I use is here: www.cortes.us/tools
📹 RELATED VIDEOS
How and Why to Use an 8pt Grid for Product and Website Design in Figma (Tutorial): czcams.com/video/5CZPgtJqM7A/video.html
How to Interview for Design IC and Leadership Roles in UX and Product Design: czcams.com/video/sUA-023ISlo/video.html
How I Got Into Product Design and My Career: czcams.com/video/oMTyd_QcTXQ/video.html
👋 SOCIALS
Twitter: shyboytm
Instagram: shyboytm
Dribbble: www.dribbble.com/shyboytm
Website: www.cortes.us
Contact: hi@cortes.us
zhlédnutí: 516
Video
How to Password Protect Files & Prototypes in Figma - For Teams, Clients, Freelance, and More!
zhlédnutí 4KPřed rokem
In this video, we will cover how to add password protection to your Figma files. Adding security and passwords to your design files is helpful when sharing with clients or folks not on your team without having to invite them to your design files or having them create a Figma account. I'll show you how to create and share passwords, add passwords to prototypes, and go over what files can be prot...
How to Add Stroke on One Side in Design - Individual Strokes in Figma for Apps and Graphic Design
zhlédnutí 3,2KPřed rokem
Have you ever wanted to add a stroke to only one side of your design element? With this new Figma update, now you can! Config 2022 introduced individual strokes as a feature, which is more accurate to how stroke styling works in CSS. Having individual strokes on one side of a container makes creating components easier and styling navigation elements better. With your creativity, you can really ...
New Figma Dark Mode - How to Use and Turn On Dark Mode or Light Mode in Figma (Config 2022)
zhlédnutí 23KPřed 2 lety
In this video, we will go over how to use the new dark mode feature in Figma, unveiled at Config 2022 this year. Learn how to toggle between light and dark mode, use shortcuts, and set option to your system settings in MacOS for dark mode. Dark mode was a highly requested feature and was not able to be done natively in Figma until now! 🙏 SUPPORT ME ON PATREON Get early access to videos, partici...
Why and How to Change Nudge Amount in Figma - Improve Workflows, Grids, and More
zhlédnutí 3KPřed 2 lety
Why and How to Change Nudge Amount in Figma - Improve Workflows, Grids, and More
Product Design Podcast w/ Dennis Cortés - What Culture Can Do for Design Teams, Career Advice, etc.
zhlédnutí 432Před 2 lety
Product Design Podcast w/ Dennis Cortés - What Culture Can Do for Design Teams, Career Advice, etc.
How to Better Present Design Work for Portfolios, Clients, Products, Dribbble, and More (Guide)
zhlédnutí 5KPřed 2 lety
How to Better Present Design Work for Portfolios, Clients, Products, Dribbble, and More (Guide)
How to Design Powerful Components and Buttons with Variants and Auto Layout in Figma (NEW)
zhlédnutí 200KPřed 2 lety
How to Design Powerful Components and Buttons with Variants and Auto Layout in Figma (NEW)
How to Make Easy DIY Shelves for Your Remote Home Setup (Walkthrough)
zhlédnutí 343Před 2 lety
How to Make Easy DIY Shelves for Your Remote Home Setup (Walkthrough)
How to Interview for Design Roles - Portfolio Deck Presentation for Design & Leadership Positions
zhlédnutí 2,2KPřed 3 lety
How to Interview for Design Roles - Portfolio Deck Presentation for Design & Leadership Positions
Tools and Apps I Use Daily in UX, UI, and Product Design (Lead Designer Role)
zhlédnutí 1,5KPřed 3 lety
Tools and Apps I Use Daily in UX, UI, and Product Design (Lead Designer Role)
Ways to Have Productive Team Outings and OKR Planning (Austin, TX Business Trip Vlog)
zhlédnutí 189Před 3 lety
Ways to Have Productive Team Outings and OKR Planning (Austin, TX Business Trip Vlog)
Practical Typography Tips to Improve in Product Design, UX, Web, Graphic Design, and More
zhlédnutí 2,7KPřed 3 lety
Practical Typography Tips to Improve in Product Design, UX, Web, Graphic Design, and More
iPhone 12 Mini Moment Case, Tele + Macro Lens Unboxing and First Impressions Review
zhlédnutí 16KPřed 3 lety
iPhone 12 Mini Moment Case, Tele Macro Lens Unboxing and First Impressions Review
Dayspring - Cordio (Ambient Guitar Music)
zhlédnutí 198Před 3 lety
Dayspring - Cordio (Ambient Guitar Music)
How to Put Your Music to Streaming Services Without a Label (Easy Quick Guide and Tutorial)
zhlédnutí 1,7KPřed 3 lety
How to Put Your Music to Streaming Services Without a Label (Easy Quick Guide and Tutorial)
How to Mask Images, Shapes, and UI in Figma - Full Guide + Tips and Tricks (Tutorial)
zhlédnutí 13KPřed 3 lety
How to Mask Images, Shapes, and UI in Figma - Full Guide Tips and Tricks (Tutorial)
Heart Beat - Cordio (Lofi Ambient Beat Music)
zhlédnutí 276Před 3 lety
Heart Beat - Cordio (Lofi Ambient Beat Music)
Reviewing and Reacting to My College Design Portfolio (w/ Tips and Tricks for University Students)
zhlédnutí 462Před 3 lety
Reviewing and Reacting to My College Design Portfolio (w/ Tips and Tricks for University Students)
Figma Config 2021 Recap and Opinions! New Features, FigJam, Branching, Figma Community, and more
zhlédnutí 465Před 3 lety
Figma Config 2021 Recap and Opinions! New Features, FigJam, Branching, Figma Community, and more
Monstera - Cordio (Lofi Hip Hop Beat Music)
zhlédnutí 152Před 3 lety
Monstera - Cordio (Lofi Hip Hop Beat Music)
Head Space - Cordio (Lofi Hip Hop Beat Music)
zhlédnutí 129Před 3 lety
Head Space - Cordio (Lofi Hip Hop Beat Music)
Lofi Hip Hop Beats to Create, Design, and Code to (Cordio Mix)
zhlédnutí 4KPřed 3 lety
Lofi Hip Hop Beats to Create, Design, and Code to (Cordio Mix)
Easy Upgrade to My Tesla Model 3 Rims for Under $200 (Unboxing and Installation Oribital)
zhlédnutí 2,2KPřed 3 lety
Easy Upgrade to My Tesla Model 3 Rims for Under $200 (Unboxing and Installation Oribital)
Kiosko by Cordio (Lofi Hip Hop Beat Music)
zhlédnutí 53Před 3 lety
Kiosko by Cordio (Lofi Hip Hop Beat Music)
Backyards by Cordio (Lofi Hip Hop Beat Music)
zhlédnutí 85Před 3 lety
Backyards by Cordio (Lofi Hip Hop Beat Music)
How To Create Design Systems from Scratch Walkthrough (Part 2 - Creating Components and Iterations)
zhlédnutí 1,9KPřed 3 lety
How To Create Design Systems from Scratch Walkthrough (Part 2 - Creating Components and Iterations)
How I Make Coffee: Simple Pour Over Method (Coffee and Beats 002)
zhlédnutí 146Před 3 lety
How I Make Coffee: Simple Pour Over Method (Coffee and Beats 002)
If for some reason the auto layout was not resizing, remember to put "hug contents" instead of fixed hight and fixed width for the auto layout frame
Why do we use this number though?
Love your deck! Thank you for sharing!
I have the new update but i doesnt show up i dont know why only at one of my text no to the others
Never mind I found out I had to make it a frame first 😁
Thanks to much! 🥰
What if your clients knows absolutely nothing about Figma or design etc. I was working as an intern for a company doing a ux design prototype for a higher education institution. They didn’t even understand what a prototype was. They expected to be able to use the whole application that was designed from start to finish. 😢
so sweet :)
What type scale should i use in a 8pt grid system on apps?
I DONT GET IT UGHHHH YOU WENT TOO FAST AND IDK WHERE TO STARTT
preferences > theme
Hey, is it necessary or recommended to make a new frame for buttons? Any problems with using rectangles?
You are too fast in your teaching
Such an easy video to follow! Thank you!!!
my right bar looks nothing like that
So i have this doubt for which I'm not getting any clarity. I've a team of 3 designers. And currently we work on xd. We share the xd file with html devs. And they have xd in their system. So they can open up the file and check for css properties. Now with Figma, do we need to buy the license for those html devs too? Or is 3 designer license enough, and when we share the prototype, can the html devs check the specs in view only prototype link?
Did you finally get this answer 😢
Now this is how you implement filters correctly, it's so satisfying to look at
Sir I don't understand points U call 8 points grid but u taking in pixel I don't understand this concept of points and use of relationship with pixels also how implemented please help me to guide
thanks
Hie am creating botton
❤
Great tutorial! I would love to add a bottom border/underline (but not the standard text underline) to the button text only (but not the icon). Any help would be appreciated!
Such a cool effect! Gonna start using this now.
no icon added tho...
Love this! Great tips for my upcoming rounds of interviews.
Great video!
Great video, thanks!
How do we add password protection to Specific page like Documentation, Wireframe etc. Do we have anything like this in figma.
Thank you very much for this video, it is very helpful and clear! Was looking for smth like that for so long
I just have a question, if I send my "Password Protected Link" to someone with "Can View" accessibility and he/she views it and copies the artboards and pastes them in his/her Figma then what? That specific person will get all the rights of my hardwork. This solution which you presented is good but In the era of digital theft which is spreading nowadays, I still believe that Figma's management should come up with a more protective approach which can help us to protect our work.
Same issue, I just realized anyone can copy your stuff and paste it into their figma file and boom they have your hardwork
@@raghavsharma4413 Sadly, it's happening and the management isn't doing anything about it
I am completely new in Figma - and this is so awesome tutorial!!! Thanks!
why my ableton doesnt display auto filter and frequency dropdown list in the master box?
you should show the tutorial from the start so we can catch up easily. im a beginner so
the video doesn't actually demonstrate the steps. I only see the "Thanks to my Patrons" message. Where do you find the feature to turn on password protection? i.e. The admin must turn it on in settings, etc...
i'm trying to do this but i guess it only works if the button itself is a frame? i have a button that has a different shape, so i had to make a vector first. how would that work? i made the vector of the shape, then made that into a frame, the had the text in the same frame, but auto layout doesn't work on it ..
Great tips for more advance fundamental level UI design
I really needed this! Thanks man! The whole point about 4s and 8s is simple but effective and a great rule for me to remember!
Glad it was helpful!
Doesn't this only work in the Enterprise plan?
"anyone with link and password" is not in my dropdown?
me too
same here. any solution ?
Exactly what I was looking for, thanks!
it was just a matter of time ... big companies swallow smaller companies ... I would say that this is not a good thing ...
thank u for making this
My pleasure!
Great Video! Best I've seen explaining this concept. How can I swap icons across this button component though?
useless tutorial ! you are doing it so fast that we can't keep up !!!
I'm looking for a similar effect, but only on one track. I only have Intro right now so my inventory is limited. Anything that would allow me to basically start with a muffled, low pass filter and build up to a clear normal sound would be great, thanks.
Hi! You can do that with this effect, use the Automate feature I showed (the red line), and use it on your Master track or whichever track you want it to affect.
Learned something. thanks
thank you so much i ve learned a lot from your video
I didn't even know this was an option. The small workflow changes really compound over time. Thanks for this!
Glad I could help!
Why does it remove the background color? can we keep the background color with image overlaying it?
I’m not sure why Figma thought that was the right way to do it, what I usually do is make a duplicate of the mask layer before making it a mask, and then put the extra one in the mask group as well. Hope that helps!
Hey brother, great video! Just wanted to mention now you can assign a property to the layer to toggle it to show or hide which takes away the need to make so many variants. Much love.
Super Helpful. Thanks.
For some reason I can't find the case for the 12 mini. Is it discontinued?
Yes it is unfortunately, you could maybe find it secondhand though!