Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Documenting an Atomic Design System with Jekyll
Search
Todd Moy
July 24, 2015
Design
1
360
Documenting an Atomic Design System with Jekyll
A lightning talk presented at Explore UX / TriUPA.
Todd Moy
July 24, 2015
Tweet
Share
More Decks by Todd Moy
See All by Todd Moy
Wild Mushroom
toddmoy
1
100
Misdirection
toddmoy
0
130
Magic
toddmoy
0
220
The Secret Life of Usability (AIGA)
toddmoy
6
520
The Secret Life of Usability
toddmoy
11
590
Alternate Reality Games
toddmoy
1
190
Brain Bugs
toddmoy
3
190
Other Decks in Design
See All in Design
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.8k
太田博三(@usagisan2020)
otanet
0
240
デザイナーとPMの両ロール_3つのポイント
toy1618
1
190
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
400
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
150
横断組織デザイナーの働き方
mixi_design
PRO
0
340
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
360
LLMによるRAG評価用合成テストデータの生成
licux
6
720
クライアントワークにおける UXリサーチの実践
kozotaira
0
370
How to go from research data to insights?
mastervicedesign
0
230
Social Anxiety
ksmith2024
0
120
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
160
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
520
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
Fireside Chat
paigeccino
34
3.2k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Code Reviewing Like a Champion
maltzj
521
39k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
Why Our Code Smells
bkeepers
PRO
336
57k
Practical Orchestrator
shlominoach
186
10k
KATA
mclloyd
29
14k
Transcript
Documenting an A T O M I C Design System
with Jekyll Presented by @toddmoy from @viget
BACKGROUND handoff to their tech team 3
AT0MIC DESIGN ATOMS MOLECULES ORGANISMS TEMPLATES PAGES 4
DOCUMENTATION ISSUES DesignSystem_20150120.pdf DesignSystem_20141218.pdf DesignSystem_20141205.pdf DesignSystem_20141120.pdf DesignSystem_20141101.pdf DesignSystem_20141031.pdf DesignSystem_20151010.pdf FORMAT
NAVIGATION & USABILITY VERSIONING 6
JEKYLL 8 A Static Site Generator
JEKYLL MARKDOWN CONTENT static web pages # Title Integer
posuere erat a ante venenatis dapibus posuere velit aliquet. * Lorem ipsum * Dolor site amet … HTML + CSS TEMPLATES <%= partial(‘header’) %> <body> <%= yield => </body> <%= partial(‘footer’) %> 9
BUILT JEKYLL WITH 22
How we used it PROCESS OMNIGRAFFLE INVISION basecamp JEKYLL 11
How we used it STRUCTURE 12
How we used it EDITING 13
How we used it Purpose & UsAGE SAMPLE SCREENS FUNCTIONAL
REQUIREMENTS EDITORIAL Requirements STYLISTIC GUIDELINES INCLUDED COMPONENTS & ELEMENTS CONTENT 15
How we used it COMMITS 16
How we used it PULL REQUESTS 17
How we used it HOSTING 18
FUTURE PLANS? 19
Thanks y’all! Presented by @toddmoy from @viget 21