Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Reusability makes scale possible.

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for marcosuarez marcosuarez
October 30, 2017
Design
0
55

Reusability makes scale possible.

Avatar for marcosuarez

marcosuarez

October 30, 2017
Tweet

More Decks by marcosuarez

See All by marcosuarez
Increasing Team Velocity with Design Systems
Avatar for marcosuarez marcosuarez
1
120
New York Design Systems Coalition
Avatar for marcosuarez marcosuarez
0
770
What I learned starting an intensive design class.
Avatar for marcosuarez marcosuarez
0
170

Other Decks in Design

See All in Design
デザインするために「多様性」について考える
Avatar for なつ iflection
0
180
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
290
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
2
120
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
370
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
680
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
300
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
730
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
920
Connpass-Xperia_Camera_App_by_HCD.pdf
Avatar for ソニー株式会社 sony
0
480
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
0
100
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.3k
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
550

Featured

See All Featured
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
280
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
99
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
430
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
110
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
64
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
770
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
490
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
110
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k

Transcript

  1. None

  2. Marco Suarez @marcosuarez

  3. None

  4. Design is bespoke.

  5. Bespoke design doesn’t scale.

  6. Design debt is acquired by designing for the short-term.

  7. None
  8. None

  9. Software Crisis

  10. Douglas McIlroy

  11. Component-based development

  12. None
  13. None

  14. Segue

  15. None
  16. None

  17. Reusability makes scale possible.

  18. Vision

  19. Principles

  20. t4 Good design makes a product understandable.

  21. t4 Be effective Create unity Always be thorough Express Etsy

  22. Process

  23. Process creates understanding

  24. Process builds data

  25. Process sets expectations

  26. Process is a reusable system of tasks for arriving at

    optimal solutions.

  27. Visual Language

  28. Color Type Shape Space Icons Motion

  29. Whether brand recognition, action identification, or hierarchy, color is used

    with intention.

  30. A purposeful and restrained use of color builds conventions and

    removes distractions, making our products more pleasant and easier to use.
  31. None
  32. None

  33. t4 Vision Principles Process Visual Language

  34. Reusability makes scale possible.

  35. Thanks!

  36. A design system is a collection of reusable solutions.