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

デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Pra...

Avatar for LINEヤフーTech (LY Corporation Tech) LINEヤフーTech (LY Corporation Tech) PRO
July 01, 2025
Design
0
580

デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development

Avatar for LINEヤフーTech (LY Corporation Tech)

LINEヤフーTech (LY Corporation Tech) PRO

July 01, 2025
Tweet

More Decks by LINEヤフーTech (LY Corporation Tech)

See All by LINEヤフーTech (LY Corporation Tech)
AIとともに歩んでいくデザイナーの役割の変化
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
1k
ソフトウェアエンジニアの生成AI活用と、これから
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
1k
AdKDD2025 Keynote から見る広告ランキングシステムのトレンド
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
59
Click A, Buy B: Rethinking Conversion Attribution in ECommerce Recommendations
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
140
Java 25 Overview 並行処理とGC周りの新機能
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
53
Rust In Python
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
9
390
使いやすいプラットフォームの作り方 ー LINEヤフーのKubernetes基盤に学ぶ理論と実践
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
2
390
How to quickly drive the track to Android Auto
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
34
Yahoo!ショッピングにおけるQAエンジニア
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
370

Other Decks in Design

See All in Design
kintone Style Book
Avatar for kintone kintone
5
4.9k
Ana Cortes Visual Development Portfolio 2025
Avatar for Ana Belen Cortes Diaz haruanleb
0
130
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
780
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
8
2.6k
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
480
【最新】マズロー安達の弟子実績（1期-6期の37人分）
Avatar for マズロー安達 maslow_akkun
0
3.3k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
280
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.4k
What makes a great Director?
Avatar for _Limex_ _limex_
0
340
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
680
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
110
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.4k

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
It's Worth the Effort
Avatar for 3n 3n
187
28k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.7k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
44
8k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
412
23k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
526
40k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k

Transcript

  1. #FTU1SBDUJDFTGPS#VJMEJOHB $POTJTUFOU%FTJHO4ZTUFNGSPN%FTJHOUP %FWFMPQNFOU -*/&ヤフー.FEJB$PNQBOZ  :BIPP+"1"/.FEJB4FSWJDFT (SPVQ 4IV[P5BLBIBTIJ

  2. "OESPJE&OHJOFFS6*69%FTJHOFS !:BIPP+"1"/"QQ 8IPBN* 4IV[P5BLBIBTIJ *MPWF'JHNBBOE,PUMJO

  3. FWFONPSFJNQPSUBOU "*JT$IBOHJOHUIF$PNNPO4FOTFPG %FTJHO4ZTUFNT 5IFCFTUQSBDUJDFTXFIBWFJNQMFNFOUFETPGBS *OUIJT"*FSB XIZBOEIPXIBWFUIFZCFDPNF

  4. 5IF%FFQ3PPUFE(BQ#FUXFFO%FTJHO*NQMFNFOUBUJPO %JTDSFQBODZ 7JTVBMEJGGFSFODFTCFUXFFOEFTJHOBOEJNQMFNFOUBUJPO $PTUT 6OTFFOJNQMFNFOUBUJPODPTUT 'BJMVSFT -BZPVUCSFBLJOHJOFEHFDBTFT *ODPOTJTUFODZ *ODPOTJTUFOUDPNQPOFOUEFTJHO

  5. *OFGGJDJFOU$PNNVOJDBUJPO "$SJUJDBM#MPDLFS GPS'VUVSF"VUPNBUJPO ˣ

  6. 4USVDUVSBM&YQSFTTJPOJO'JHNB ,FZQPJOUTGPSDSFBUJOHIJHIRVBMJUZCMVFQSJOUT

  7. *UEFGJOFTUIF SVMFT PGQBSFOUDIJME SFMBUJPOTIJQTBOESFTJ[JOHCFIBWJPS5IFTF SVMFTBSFUIFTPVSDFPGSFTQPOTJWFDPEF 3VMF%FGJOF#FIBWJPS /PU+VTU"QQFBSBODF "VUP-BZPVU

  8. 3VMF$MFBSMZ$PNNVOJDBUFUIF*OUFOUPG$IBOHF 5IFNPTUDSVDJBMTFQBSBUJPOPGSFTQPOTJCJMJUJFTUPDPSSFDUMZDPOWFZJOUFOUUP"*BOEFOHJOFFST

  9. 4FQBSBUJPOPG3FTQPOTJCJMJUJFTA7BSJBOUTAA1SPQFSUJFTA

  10. 3VMF(JWF&WFSZ-BZFS*NQMFNFOUBUJPO-FWFM.FBOJOH 8IJDICMVFQSJOUGPTUFSTCFUUFSDPMMBCPSBUJPO

  11. ˔ $POTJTUFODZ %FGJOJOHDPMPSTCZSPMF FH DPMPS CBDLHSPVOEQSJNBSZ JOTUFBEPGCZWBMVF '''''' NBLFTEBSLNPEFTVQQPSU FBTJFS

    ˔ .BJOUBJOBCJMJUZ $IBOHJOHBUPLFOTWBMVFVQEBUFTBMM JOTUBODFTBUPODF .BOBHJOH4UZMFTXJUI%FTJHO5PLFOT "TZTUFNGPSDFOUSBMMZNBOBHJOHBMM TUZMFWBMVFTMJLFDPMPST UZQPHSBQIZ BOE TQBDJOHXJUIOBNFEWBSJBCMFT

  12. 5IF1PXFSPG5PLFOTJO"EBQUJWF6* .BOBHFTDSFFOTJ[FT XJUI /VNCFS7BSJBCMFT ˠ&BTJMZDIFDLEJTQMBZTGPSFBDIEFWJDF 5PLFOJ[FNBSHJOT ˠ3VMFCBTFEBEKVTUNFOUTMJLF NBSHJO TQQY WT

    NBSHJOQDQY

  13. 5IF1PXFSPG5PLFOTJO"EBQUJWF6*

  14. 5IF%FFQ3PPUFE(BQ#FUXFFO%FTJHO*NQMFNFOUBUJPO ▶4UBSUCZ TIBSJOHDIBMMFOHFT ▶ 'PSNB DSPTTGVODUJPOBMUFBN ▶ /VSUVSFB DVMUVSFPGDPOUJOVPVT JNQSPWFNFOU

  15. 8IBU-JFT#FZPOE

  16. 0VS3PBENBQUPUIF'VUVSF

  17. 4UFQ#FIJOEUIF4DFOFTPGUIF-JOUFS "(MJNQTF

  18. 5IFGVUVSFCFHJOTXJUI IPXXFCVJMEJO'JHNBUPEBZ 5IFTFGVOEBNFOUBMCFTUQSBDUJDFTBSFBTPMJETUFQUPXBSEBGVUVSFPG IVNBO"*DPMMBCPSBUJPO 4IBMMXFTUBSUESBXJOHUIFCMVFQSJOUTGPSUIFGVUVSFUPHFUIFS

  19. 5IBOLZPV !TIV[P@DSFBUF