Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Design Patterns & Systems
Search
Todd Zaki Warfel
May 17, 2013
Design
570
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Design Patterns & Systems
What makes a design pattern collection or design system?
Todd Zaki Warfel
May 17, 2013
More Decks by Todd Zaki Warfel
See All by Todd Zaki Warfel
Make Mentor Learn
zakiwarfel
1
320
Prototyping for Mobile
zakiwarfel
4
510
Paper Prototyping
zakiwarfel
1
460
GA Know Your Audience
zakiwarfel
0
300
GA UX Research Workshop
zakiwarfel
3
330
GA Hi-fi Design for Mobile Web
zakiwarfel
3
320
UXWeek Prototyping with HTML5
zakiwarfel
4
1.2k
Designing with HTML5, CSS3, and jQuery
zakiwarfel
8
820
Designing with Data
zakiwarfel
98
5.2k
Other Decks in Design
See All in Design
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
630
【Designship2026】「社内受託中心部署」から、事業とカルチャーを動かすデザイン組織へ
sugiyama_sukedachi
0
130
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
490
クリエイティブディレクター 両角 高寛 の自己紹介
morogyro
0
210
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
niccy
0
1.8k
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
230
広い関与の可能性に どう向き合うのか？ 私たちは。｜Timee MarketingDesign 2026-06-18
bebe
0
1.1k
2026/8/20 Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり 〜リビングラボの事例を通じて〜
a2k
0
100
The ISO 25964 standard on Information and documentation — Thesauri and interoperability with other vocabularies
accessinnovations
0
260
日経電子版を支えていく Kasane Design System
taitotnk
0
420
Jun Wei Portfolio 2026
wjw100788
PRO
1
350
もう迷わない！“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
1k
Featured
See All Featured
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
430
Building Flexible Design Systems
yeseniaperezcruz
330
41k
ラッコキーワード サービス紹介資料
rakko
1
5.3M
Building AI with AI
inesmontani
PRO
1
1.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.5k
The Spectacular Lies of Maps
axbom
PRO
1
1.1k
Visualization
eitanlees
153
17k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
35
2.9k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.7k
Between Models and Reality
mayunak
4
490
The Mindset for Success: Future Career Progression
greggifford
PRO
0
530
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
3k
Transcript
PATTERNS & DESIGN SYSTEMS METHODS FOR MAKING SCALABLE DESIGN
THEY’RE EVERYWHERE WE LOOK
None
None
0 1 1 2 3 5 8 13 21 34
55 89 144
None
PREDICTABLE OUTCOMES IMPROVED USABILITY BETTER USER EXPERIENCE SCALABLE SYSTEMS
DEFINING A DESIGN SYSTEM
PATTERN COLLECTIONS DESIGN SYSTEMS
PATTERN COLLECTIONS
http://www.lukew.com/ff/entry.asp?1514
http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/
http://inspired-ui.com
http://pinterest.com/abhinavsharma/mobile-web-navigation-patterns/
http://box.mepholio.com
http://dribbble.com/404
http://patterntap.com
http://patterntap.com
DESIGN SYSTEMS
VISUAL EXAMPLE DESCRIPTION PROBLEM IT SOLVES WHEN TO USE HOW
TO USE IT
None
None
http://developer.yahoo.com/ypatterns/
http://developer.yahoo.com/ypatterns/
http://ui-patterns.com
http://ui-patterns.com
http://patternry.com
http://patternry.com
http://patternry.com
zakiwarfel
tinykitten
sugiyama_sukedachi
chiemitaki
morogyro
niccy
karad
bebe
a2k
accessinnovations
taitotnk
wjw100788
toshihidemurata
minecr
yeseniaperezcruz
rakko
inesmontani
maggiecrowley
axbom
eitanlees
jcasabona
addyosmani
mayunak
greggifford
bcantrill
