Diana and Emily create design systems at Github. Chantastic asks them about the story of design at Github, what role React will play in future systems, and what community tools that make their job easier. They talk Rails, Lerna, monorepos, Figma, component APIs, and the importance of supporting your design system by supporting designers and engineers. It’s a great discussion for everyone looking to improve processes in a legacy application.

Featuring

• Diana Mounter — Twitter, Github, Website
• Emily Plummer — Twitter, Github
• Michael Chan — Twitter, Github, Website

Notes & Links

• Jon Rohan — Systems Designer at Github
• Jina Anne — Design Systems OG, DSC organizer @sf_dsc, @NYC_DSC
• NYCDSC — Design Systems Coalition meetup in New York
• Donut.js — Emily's web development meetup in Portland. Organized by Matt McVicker
• Primer Style Guide — Resources, tooling, and design guidelines for building websites with Primer, GitHub's front-end framework
• Minimal API Surface Area — JSConf EU talk by Sebastian Markbåge
• BEM naming methodology — Conventions for extendable and reusable interface components
• Design systems at Github — A Medium piece by Diana on everything design systems at Github. It goes into the tech and support roles of the Design Systems team
• Lerna — 🐉 A tool for managing JavaScript projects with multiple packages
• Using Figma designs to build the Octicons icon library — An article by Jon Rohan on their new icon system
• styled-system — ✨ Responsive, theme-based style props for building design systems with React
• emotion — Performant and flexible CSS-in-JS
• Probot — GitHub Apps to automate and improve your workflow
• Primer Component — Github's React component driven style system
• Next.js — A React framework
• MDX — Markdown for the component era.
• mdx-docs — 📝 Document and develop React components with MDX and Next.js
• Andrew Clark: React Suspense — A powerful new set of primitives for addressing longstanding problems in UI development
• @githubprimer — The design system that powers GitHub. Maintained by @broccolini, @jonrohan, @shawnbot, & @emplums