Design Tactics

Share this post
Design Tactics #12 — New lesson video 👀
ridd.substack.com

Design Tactics #12 — New lesson video 👀

Jam-packed video teaching you how to think like a developer

Ridd
Oct 3, 2022
Share this post
Design Tactics #12 — New lesson video 👀
ridd.substack.com

🧠 Learn how to think like a developer

Last week I admitted on Twitter that I spent $12k on a coding bootcamp when I didn’t really want to be a developer.

Instead, all I wanted was to strengthen my technical understanding so that I could become a better designer.

So recently I’ve been thinking…

There’s gotta be a better way to learn how to think like an engineer without overpaying for a syntax-heavy curriculum 🤔

Well Nick Basile responded with an AWESOME video 🙌

Click here to watch “Thinking like a developer” (it’s 20 min and worth every minute)

Nick does a great job mirroring design<>code

Nick does a great job mirroring design<>code

Here’s a bit of what you can expect to learn in this lesson:

  • What questions developers want answered and how we can address them in our designs

  • Specific language we can use to understand how Figma mirrors what a developer is doing in code

  • How to think about component-level interactions vs. journey-level interactions

  • Helpful mental models like thinking about how our designs translate into a spreadsheet

Honestly this video shouldn’t be free and I can’t imagine how long Nick spent making it…so make sure to follow Nick as a thank you ❤️

🚀 The fastest way to grow as a designer

The more I think about it… the more I believe designing at an early stage startup is the fastest way to grow in your career as a designer 👇

Twitter avatar for @ridd_design
Ridd 🏛 @ridd_design
I'll only ever design for startups. 10+ years in and I'll never go back. Not only is it ridiculously fun... But I believe working at a startup is the FASTEST way to grow as a designer. 11 reasons why 👇
5:00 PM ∙ Sep 11, 2022
318Likes24Retweets

💡 Prioritizing component usage > creation

I think we went kinda crazy with component properties. Every single thing that could be consolidated was consolidated.

But at what cost?

Unless I have a very good reason for combining UI into a single component, I try to error on the side of keeping things separate.

A few reasons why:

  1. It’s easier to search for UI

  2. I have more “ready to use” states vs. having to configure things in the properties panel over and over

  3. It’s easier for others to understand my variants matrixes at a glance

I thought this tweet from Luis was spot on so I wanted to share 👇

Twitter avatar for @disco_lu
luis. @disco_lu
Something I'm see a lot is that we prioritise component *creation*, not *usage* This usually ends with something like this (simple example). Building is easier, but usage harder The "notification" component is buried in variant settings. It's also a different component!
A Figma variant component for an alert / notification
The same Figma variant, but with a red circle on top of the "notificiation" component, with text that says "this is visually similar, but has different intention!"
1:22 PM ∙ Sep 13, 2022
222Likes32Retweets

As an example, at one point I might’ve looked at an icon button and a normal button and thought… “hey, what if I just wrapped those into a single component?!”

Not anymore :)

🤤 Component properties beta update

I’ve been working on an update to Figma Academy that walks through the latest component properties beta but I didn’t quite finish it in time for this newsletter. Sorry to let you down but I’m trying this new thing where I don’t work myself into the ground 😬

I will say my favorite part so far is being able to expose nested form elements and easily change every single part of a form at the parent level 👇

Don’t fret though. Molly’s walkthrough is pretty freaking spectacular so if you haven’t seen it yet, this is more than enough to get you set up for success👇

Twitter avatar for @molly_hellmuth
Molly Hellmuth @molly_hellmuth
💡 Figma Tip: Starting using the new BETA PROPERTY features now! This update is huge! There are 3 major ways it’s going to make using component instances much easier for your design team. Keep reading to learn how..
Image
4:07 PM ∙ Sep 20, 2022
1,982Likes251Retweets

Her new course “Design Systems Bootcamp” opens in 4 days and I’m trying to be the first person to enroll :) If you want to join me get on the early access list.

💪 Variants pro tip

Standardizing your height variants is a great way to think of your foundational components as part of a holistic system 👇

Twitter avatar for @ridd_design
Ridd 🏛 @ridd_design
Variants pro tip incoming 👀 Create a single set of height variables. And then apply them across all of your core "atoms" (buttons, inputs, etc.) 3 reasons why 👇
Image
4:00 PM ∙ Sep 18, 2022
678Likes65Retweets

💥 Random goodness

Awesome animation tutorial

Louis does an excellent job of breaking things down into simple, bite-sized steps and the end result is 👌 Check out the walkthrough.

Compression sucks but I promise it's cool

Compression sucks but I promise it's cool

Relume has an e-sports style tournament for designers

This looks… super fun? Check it out for yourself.

🧵 Time for a quick story...

I recently met with a founder I used to be friends with back when I lived in Boulder, Colorado.

He was showing me his new startup and honestly it looked sweet. They had traction, vision, and knew the market better than anyone.

Only one thing… they still didn’t have their founding designer.

That is until I plugged them into the Designer Talent Network 😏

Within 10 days they had a signed offer letter from an awesome designer coming out of Figma Academy and now they’re off to the races.

What about you? Are you curious what might be out there?

Well then definitely join the Designer Talent Network. It’s 100% free and 0 pressure👇

Apply here

Share this post
Design Tactics #12 — New lesson video 👀
ridd.substack.com
Comments
TopNew

No posts

Ready for more?

© 2023 Michael Riddering
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing