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
AtomicDesignの運用方法
Search
takanori sugawara
December 18, 2017
Design
0
170
AtomicDesignの運用方法
AtomicDesignを運用する上気にしていることなどをまとめてみました
takanori sugawara
December 18, 2017
Tweet
Share
More Decks by takanori sugawara
See All by takanori sugawara
人によっては_明日から使えるFigmaテクニック
ts020
1
870
VueFes.pdf
ts020
5
9.8k
Other Decks in Design
See All in Design
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.7k
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
2.6k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
510
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
430
PF_濵村ひろみ_202503
maru_design78
0
200
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
570
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
280
CMS管理画面のアクセシビリティ
magi1125
8
2.3k
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
190
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
100
#Dubois Challenge 2025: Economics
ajstarks
0
140
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
70
11k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Visualization
eitanlees
146
16k
Building Adaptive Systems
keathley
43
2.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.4k
Designing for humans not robots
tammielis
253
25k
The Pragmatic Product Professional
lauravandoore
35
6.8k
Speed Design
sergeychernyshev
32
1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Designing Experiences People Love
moore
142
24k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Being A Developer After 40
akosma
90
590k
Transcript
Farmnote, Inc How to use Atomic design Atomic design ͷӡ༻ํ๏
גࣜձࣾ ϑΝʔϜϊʔτ σβΠφʔΔϓϩάϥϚ ੁݪ ଇ ϑϨʔϜϫʔΫΛઃܭ͢Δͷͱ ΠϯλϥΫγϣϯͷ࣮͕ಘҙͰ͢ɻ σβΠϯͦΕͳΓʹΓ·͢
ڇʹηϯαʔΛ͚ͭͯεϚϗʹൃΛ௨ͨ͠Γ ཧɾੳΛ͢ΔͨΊͷαʔϏεΛ࡞ͬͯΔձࣾͰ͢ɻ
զ͕ࣾʹઐۀͷσβΠφʔ͕͓Βͣɺ ݱࡏ͕݉ۀσβΠφʔΛ͓ͯ͠Γ·͢
ڇͷࣄશવΘ͔ΒΜ
ίʔυॻ͔ͶͳΒΜ
͕࣌ؒͨΓΜ
्ҩͱϓϩάϥϚʹ σβΠϯͤ͞Ε͍͍ ͦ͏ͩʂʂʂ
Atomic Design
None
ͲΜͳײ͡Ͱ࡞͍ͬͯ Δͷ͔
͜ͷลΓΛσβΠφʔ ͕࡞ΓࠐΉ
͜ͷลΓͷୟ͖Λ ्ҩʹ࡞ͬͯΒ͏
σβΠφʔ্͕͛ Δ
࣮ࡍʹίʔυʹམͱͤΔͷʁ
ϓϩάϥϚͱσβΠφͰ ཻઃܭͷண؟͕ҧ ͏ͷͰٞ ཻΛௐ͢Δ
࣮ࡍʹ࡞Δͱཻ͕ͣΕͨΓ͢ ΔͷͰɺ୭Ͱ͍͍ͷͰɺඞͣ σβΠϯʹมߋΛөͤ͞Δ ҙʂ
࣮ࡍΔͱɺσβΠϯσʔλͷ ΓͱΓେม͡Όͳ͍ͷʁ
FigmaΛ͍·͢
Figma GoogleDriveͱSketchΛࠞͥͨΑ͏ͳπʔϧ
ͱΓ͋͑ͣ͜ΕͰσβΠϯʹ ใΛΕΔ͚ͩΓଓ͚Δ
ΈΜͳ͕ར༻Ͱ͖ͯ దʹϨΠΞτͯ ࣮͕αΫοͱऴΘΔ σβΠϯγεςϜ͕ग़དྷ্͕Δ ݁Ռ