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
59
0

Reusability makes scale possible.

Avatar for marcosuarez

marcosuarez

October 30, 2017

More Decks by marcosuarez

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

Other Decks in Design

See All in Design
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.9k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
830
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
290
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
300
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
Avatar for kazuhiro hara karad
0
140
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
1.2k
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
420
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
910
「バイブコーディングって何？」から始まった、 AIとの一年間と、その先のこと
Avatar for 瀬戸英晴 seto
0
550
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
190
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
1.3k
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
3
210

Featured

See All Featured
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
65
55k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
930
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.5k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
520
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
190
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
350
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
780
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.5k
How to make the Groovebox
Avatar for あそなす asonas
2
2.2k

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.