Design Details

327: Organizing Component Systems


Listen Later

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 episodesView all episodes
              Download on the App Store

              Design DetailsBy Brian Lovin, Marshall Bock

              • 4.7
              • 4.7
              • 4.7
              • 4.7
              • 4.7

              4.7

              360 ratings


              More shows like Design Details

              View all
              99% Invisible by Roman Mars

              99% Invisible

              26,238 Listeners

              Fragmented - Android Developer Podcast by Donn Felker, Kaushik Gopal

              Fragmented - Android Developer Podcast

              69 Listeners

              The Knowledge Project by Shane Parrish

              The Knowledge Project

              2,689 Listeners

              Design Matters with Debbie Millman by Design Matters Media

              Design Matters with Debbie Millman

              1,230 Listeners

              Developer Tea by Jonathan Cutrell

              Developer Tea

              402 Listeners

              The Changelog: Software Development, Open Source by Changelog Media

              The Changelog: Software Development, Open Source

              290 Listeners

              The a16z Show by Andreessen Horowitz

              The a16z Show

              1,093 Listeners

              The Talk Show With John Gruber by Daring Fireball / John Gruber

              The Talk Show With John Gruber

              3,145 Listeners

              Decoder with Nilay Patel by The Verge

              Decoder with Nilay Patel

              3,145 Listeners

              Does Not Compute by Sean Washington, Rockwell Schrock

              Does Not Compute

              53 Listeners

              How I Built This with Guy Raz by Guy Raz | Wondery

              How I Built This with Guy Raz

              30,187 Listeners

              Toolsday by Una Kravets, Chris Dhanaraj

              Toolsday

              48 Listeners

              Swift Unwrapped by JP Simard, Jesse Squires, Spec Network, Inc.

              Swift Unwrapped

              90 Listeners

              Creative Confidence Podcast by IDEO U

              Creative Confidence Podcast

              128 Listeners

              Y Combinator Startup Podcast by Y Combinator

              Y Combinator Startup Podcast

              228 Listeners

              Syntax - Tasty Web Development Treats by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

              Syntax - Tasty Web Development Treats

              986 Listeners

              Design Better by The Curiosity Department, sponsored by Wix Studio

              Design Better

              319 Listeners

              The Futur with Chris Do by The Futur

              The Futur with Chris Do

              858 Listeners

              Hard Fork by The New York Times

              Hard Fork

              5,506 Listeners

              The Startup Ideas Podcast by Greg Isenberg

              The Startup Ideas Podcast

              203 Listeners