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
320

デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / 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)
Yahoo!しごとカタログ 新しい境地を創るエンジニア募集！
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
2
290
データグループにおけるフロントエンド開発
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
2
240
Yahoo!知恵袋におけるフロントエンド開発
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
240
"LINE Planet" and AI: Conversations with AI
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
50
Seamless inventory management with AI
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
24
AI Frontiers Revealed: Transforming LINE Shopping TW with LLM-Driven Product Attribute Extraction
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
42
LINEヤフーの音声AIがもたらす未来：ASR/TTSと対話技術の新たな可能性 / LY Corporation's Speech AI Vision: Towards Realtime Spoken Dialogue through Advanced ASR and TTS
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
54
「Yahoo!検索」におけるWebパフォーマンス改善の取り組み / Efforts to Improve Web Performance in "Yahoo! JAPAN Search"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
62
アクセシビリティ改善の実践:プロダクトにおける具体的な取り組みと課題 / Practices for Accessibility Improvement: Specific Efforts and Challenges in Products
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
57

Other Decks in Design

See All in Design
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
130
Building foundations 堅牢なデザイントークンの設計
Avatar for Hiroki Tani hilokifigma
2
3.6k
BPStudy#213〜ビジネスアナリシスとDDD（ドメイン駆動設計）パネルディスカッション資料 / BPStudy213-panel
Avatar for haru860 haru860
0
440
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
Avatar for 株式会社カミナシ kaminashi
2
1.8k
タイミーでフィールドワークしたら、サービスデザインが始まった
Avatar for 太田賢一 kenichiota0711
1
2.3k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
770
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
540
ビジネスアナリシスはビジネス”分析”じゃないよ！～システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス～
Avatar for BPStudy bpstudy
0
570
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3k
mento Design Team Portfolio
Avatar for mento _official mento0fficial
0
280
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
260
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
Avatar for Shingo Suzuki shingo2000
1
1.5k

Featured

See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
750
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k
A better future with KSS
Avatar for Kyle Neath kneath
238
17k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
72
4.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

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