December 18, 2019

327: Organizing Component Systems

49 minutes

In this week's episode, we follow up on a bunch of your tweets, and then we get super semantic about naming conventions and component organization. And as always, we share a couple cool things like a vehicle upgrade and a feed reader.

Golden Ratio Patrons:

Flywheel is a delightfully designed managed WordPress hosting platform, thoughtfully built for busy creatives. Streamline your workflow with their slick platform and sweet set of workflow tools perfectly made for designers! Get started at getflywheel.com/designdetails

Sisu is looking for a thoughtful and data-savvy designer to help build the next generation of analytics software. You can find out more at sisu.ai. (You might recognize Sisu from our interview with Michie Cao)

Latest VIP Patrons:

Huge shoutouts to our latest members!

Aaron Heine

Chris Martin

Greg Wilkinson

Lauren Chilcote

Lauren Mosenthal

Tt_55

Follow-up:

Mukul Agarwal sent in a fantastic recommendation for a podcast episode: Rock the Voter from Your Undivided Attention.

Danny Haagen asked about the difference between a design system and a design language, we took a stab at answering.

Stuart Favretto solved last week's challenge about building a table cell with a dynamic inset bottom separator using Figma's Auto Layout!

Greg Wilkinson joins team #FuckShelledPistachios

Will Vaughan was surprised that we didn't mention Axure in last week's episode about design tools. We had no idea! But: that typo on the homepage 😬. We also discuss whether design tools should have aspirational marketing pages.

We wooed Morgan VanDerLeest back into the fold - welcome back!

Friend of the pod Gabriel Valdivia pointed out additional benefits of skeumorphism: it connects your app's UI elements to each other creating a "universe" of rules, logic, and patterns. Agreed!

Matteo Gratton pinged us about two tools neither of us have used yet: MINTDATA and Amino. We also note how crazy it is that we're using AI to design ultra-aerodynamic bikes.

Michael Knepprath was shocked - SHOCKED! - that the boys are getting Cybertrucks. Or are we...? Find out in Bonusland!

Denny brings up the idea of conveyance, and how it's used in video games. Related: Mega Man Classic vs. Mega Man X.

Industry Talk:

We get deep in the weeds talking about naming conventions and component organization for your design files.

Using slashes in names, or nested frames, is a common way to organize hierarchies of components. See Figma's best practices and a video on how to do this in Sketch.

Sketch Runner is an indispensable plugin for all you Sketch users out there!

Cool Things:

Marshall shared an after-market CarPlay setup that has made his commuting experience all the better. Check out the top-rated CarPlay stereos on Wirecutter.

Brian shared NetNewsWire, a free and open-source RSS reader for the Mac. Brian also gathered a bunch of self-hosted blogs that you can check out on the Twitters.

Design Details on the Web:

📻 We are @designdetailsfm

🎙 Brian is @brian_lovin and [email protected]

🎙 Marshall is @marshallbock and [email protected]

🎚@Sarahberus and @Luperdev make us sound smarter than we are

🙌 Support us on Patreon - your support literally makes this show possible. Thank you ❤️

❓ Got a question? Ask it on our Listener Questions Hub, and we'll do our best to answer it on the show :)

⭐️ Enjoying the show? Leave us a review on iTunes

BUH-BYEEEEE!

...more

View all episodes

By Brian Lovin, Marshall Bock

4.7

360360 ratings