327: Organizing Component Systems

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.

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)

Huge shoutouts to our latest members!

• Aaron Heine
• Chris Martin
• Greg Wilkinson
• Lauren Chilcote
• Lauren Mosenthal
• Tt_55

• 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.

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!

• 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.

• 📻 We are @designdetailsfm
  • 🎙 Brian is @brian_lovin and brian@designdetails.fm
  • 🎙 Marshall is @marshallbock and marshall@designdetails.fm
  • 🎚@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!