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

Figmaが支えるVue Fes Japanのデザイン

Avatar for 448jp | OKI Yoshiya 448jp | OKI Yoshiya
September 13, 2019
Design
3
5.3k

Figmaが支えるVue Fes Japanのデザイン

2019年9月13日（金）DIST.28 「モダンWebデザインワークフロー2019」発表資料

Avatar for 448jp | OKI Yoshiya

448jp | OKI Yoshiya

September 13, 2019
Tweet

More Decks by 448jp | OKI Yoshiya

See All by 448jp | OKI Yoshiya
人はなぜコミュニティとつながると幸せを感じるのか
Avatar for 448jp | OKI Yoshiya 448jp
3
310
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
Avatar for 448jp | OKI Yoshiya 448jp
0
3.8k
合意形成のためのFigma活用術
Avatar for 448jp | OKI Yoshiya 448jp
0
130
書く・即・DONEな仕組みをNuxtで作る
Avatar for 448jp | OKI Yoshiya 448jp
0
390
神速でワイヤーフレームを作るためのライブラリ
Avatar for 448jp | OKI Yoshiya 448jp
1
860
Figmaで神速ドキュメント作成術
Avatar for 448jp | OKI Yoshiya 448jp
3
2.5k
今から始めるFigma超入門
Avatar for 448jp | OKI Yoshiya 448jp
0
1.7k
零細Web制作会社のリモートワーク事情
Avatar for 448jp | OKI Yoshiya 448jp
0
430
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
Avatar for 448jp | OKI Yoshiya 448jp
2
760

Other Decks in Design

See All in Design
UXデザインはなぜ定着しないのか？
Avatar for Inside Design Studio designstudiopartners
0
900
mento Design Team Portfolio
Avatar for mento _official mento0fficial
0
580
タイミーでフィールドワークしたら、サービスデザインが始まった
Avatar for 太田賢一 kenichiota0711
2
3.2k
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
3.4k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
1
2.7k
#Dubois Challenge 2025: Economics
Avatar for Anthony Starks ajstarks
1
160
Yumika Yamada Portfolio
Avatar for Yumii yumii
0
1.3k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
550
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
Avatar for Andrew Shapiro ashapiro
0
130
ビジネスアナリシスはビジネス”分析”じゃないよ！～システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス～
Avatar for BPStudy bpstudy
0
610
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.2k
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
880k

Featured

See All Featured
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
50
5.5k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k

Transcript

  1. ࿍㞐᩷త⎵ボ⩮త_త )UL ',67ర:HE೨೗೅ഔഐഝ೐೶എഝఱ ಑೨೗೅ഔ )LJPD౯ị౫ಮ

  2. ⎵ ボ⩮ ౭౰ ಫ౺ ಧ ജ೅ഔೠഊ೐೘ഈഔ೨೗೅೫ഝ ജᏴ㖊ኽႧྐྵⲁᩏ ജហဵథᡘဵ #MS

  3. ‱ὅ౭㗋౺౼ಮ౶ಋ 9XH)HV-DSDQಋ೨೗೅ഔ ಍౿)LJPDವ㤩ಶಃ಑౮ ၀ᬣಎᐢ౴ಉ   

  4. '(6,*1 ⮀ಂ಄೨೗೅೫ഝ౯ὅ఩Ⴇಆಉ౧ಮಥ಑ಒႠಃರ౩䉉

  5. ⮀ಂ಄೨೗೅೫ഝ౯ὅ఩Ⴇಆಉ౧ಮಥ಑ಒႠಃರ౩䉉

  6. ⮀ಂ಄೨೗೅೫ഝ౯ὅ఩Ⴇಆಉ౧ಮಥ಑ಒႠಃರ౩䉉 ೌഔ೸ಒ࿜㯒᳝₂⛸ద ೔ഀആ೬೒ഝ೘ഈഔವሼ┗ಎ ౼ಮಂತ಑ᴊ⌮ಊ౥ಮద ⢟⧣≉ 䈲ಡಟರ౺థ䈳

  7. &2'( ྐྵἧథ೉ഔ೙೬ೃಒ䉉

  8. ‒ⷒ᳝₂⛸ &2'(

  9. &2'( ೔ഝ೪ಎಒథೢഝഁಊႧಭ࿂౵ಮἃ፥౯౥ಮ

  10. ೨೗೅ഔಒథ೨೗೅೫ഝಃ౴಑ಥ಑䉉 '(6,*1

  11. ೨೗೅ഔ಑ೋഝ೸ഔೞഝ೚፥

  12. ੺೔ഝ೪಑ಫ౩ಎ೨೗೅ഔ ੺㗽ಥ౯ೃ೐೜೚థ⹏㲈ᐊ⿫ ੺ೋഝ೸ഔ಍ኽႧ㤇⮯ ೨೗೅ഔ೥ഝഌಎ㯉౻ಂ ೨೗೅೫ഝᾌၔ಑ⷒಲಭ

  13. 9XH)HV-DSDQ಑ ೨೗೅ഔವị౫ಂ$GREH;' ࿍㞐᩷త⎵ボ⩮త_త :HG ⁢ိ$GREH;'PHHWLQJ ర೨೗೅ഔ಑ೋഝ೸ഔೞഝ೚፥ఱಒథᩏ‗ಎḄᓑ

  14. 9XH)HV-DSDQ಑ ೨೗೅ഔವị౫ಂ$GREH;' ࿍㞐᩷త⎵ボ⩮త_త :HG ⁢ိ$GREH;'PHHWLQJ ర೨೗೅ഔ಑ೋഝ೸ഔೞഝ೚፥ఱಒథᩏ‗ಎḄᓑ 9XH)HV-DSDQ಑ ೨೗೅ഔವị౫ಂ 㞐᩷త⎵ボ⩮త_త :HG

    ࿍㞐᩷ ⁢ိ$GREH;'PHHWLQJ ర೨೗೅ഔ಑ೋഝ೸ഔೞഝ೚፥ఱಒథᩏ‗ಎḄᓑ "

  15. 9XH)HV-DSDQಋ೨೗೅ഔ 9XH)HV-DSDQDQG'HVLJQ 

  16. 9XH)HV-DSDQಋಒ ὅ‱‒᜼಑9XHMVೌഔ೶ೂ഍ഔ೚ ὶᩏክ㯋ᆗథᩏಒᐞ౯Ꮳጆထᢓ Ⴇ⽐(YDQ<RX⍣ಎಫಮ೎ഝ೯ഝ೩ ᗢሻᜯ಑೚೵ഝೌഝಎಫಮ೜೤೘ഈഔ ೚೾ഔೖഝ೷ഝ೚ಧ೑೤೛㛫᜘಍ಌ಑೅೺ഔ೩

  17. None
  18. None
  19. None
  20. None
  21. None

  22. ᴬ㑸ೌഔ೶ೂ഍ഔ೚಑ ೨೗೅ഔ㵨᙮ ೋഝ೸೬ഔ೑ഁഝ೴ഝ ᬝ≡ഁഝ೴ഝ ၻᚡ%*0 ೧ೄ೗ഝೖ೅೩ ‱⣎ೖ೅೩ IDYLFRQ6162*3㶘 Ὦᆱ :HE

    ೩ഝ೩ೱ೤೑ ೮೤೐೚೩ഊ೤೸ Ꮳጆೲ೚ ೚೧೤ೌഝ Ꮳጆ⽐7೘ഄ೥ ೚ೠ೤೶7೘ഄ೥ എഝഌೱ೫ഝ ೾೚ೠഝ ၻᚡ್೅೪ ೌೇഔೠഝ೽ഝ೪ '73

  23. ೋഝ೸೬ഔ೑ഁഝ೴ഝ

  24. ᬝ≡ഁഝ೴ഝ

  25. ೧ೄ೗ഝೖ೅೩

  26. ‱⣎ೖ೅೩

  27. IDYLFRQ2*3616㶘

  28. ೩ഝ೩ೱ೤೑

  29. ೮೤೐೚೩ഊ೤೸

  30. Ꮳጆೲ೚

  31. ೚೧೤ೌഝ

  32. Ꮳጆ⽐7೘ഄ೥

  33. ೚ೠ೤೶7೘ഄ೥

  34. എഝഌೱ೫ഝ

  35. ೾೚ೠഝ

  36. ၻᚡ್೅೪

  37. ೪ഋഔ೐ೌೇഔೠഝ೽ഝ೪

  38. 9XH೴ഝഌ

  39. None

  40. ᄘಃ䊈䈫

  41. ܸ೨೗೅ഔၖᜯ಑ᴑ಄ᐙಲ౾಍ಌಥᐲಣద ⮀ᄦဵ౯9XH)HV-DSDQಎ㛻ಧ౺ಂᾌ㯒 䈲‗ᓠഗ‗ኟ䈳

  42. ੺ᢗ㱨ಎ೶ഋഝഊഔ೚ಋ౺ಉ಑ᩏ಑᜘࿂ಒㇳ಄ಂ ੺ಌ౶ಡಊೌഔ೶ೂ഍ഔ೚಑㜠ವ⎀ತಮ಑౮ ੺266ಛ಑㛧❡ಋೌഔ೶ೂ഍ഔ೚ಛ಑㛧❡ಒ⋌ለ౯㤎౩ ܸೌഔ೶ೂ഍ഔ೚౯೚ೕ೅ಋ㕷౧ಂ౧ಲ౴ಊಒ಍౲థ㛧❡಑ⵗᩮಧᭊ㔵಍೚೎ഌ౯㤎౩

  43. ೨೗೅ഔೢഝഁ಑᫟፥  

  44. ಍౿)LJPDವ㤩ಶಃ಑౮ :K\ZHFKRVH䇡JPD" 

  45. ᢗಒ၀ᩏಥ‒ክಒ $GREH;'ಊ೨೗೅ഔ౺ಉ౧ಂ

  46. $GREH;'ಊ⧣㳬౺ಂ㗾㶉 ೶ೂ೅ഌಎᣠ౺ಉᐝᾌಎ೨೗೅ഔಊ౰಍౧ ೶ೂ೅ഌ೺ഝ೚ሬ‘಑㰱⢶ 㓧Ỷဵ಑$GREH,'ⲻ⟨౯᜼ᜤ $GREH&&ವ᝚ⶡ౺ಉ౧಍౧೉ഔ೙೬ೃಋ಑㣧Ḿ ೔ഔ೾ഝ೮ഔ೩಑ᵮ᜼ജ⹺ᣰ౯ಊ౰಍౧䈲᫳ᾌ䈳

  47. )LJPDಊಌ౩ᜤಲಆಂ౮ ೶ೂ೅ഌಎᣠ౺ಉᐝᾌಎ೨೗೅ഔಊ౰಍౧ ೶ೂ೅ഌ೺ഝ೚ሬ‘಑㰱⢶ 㓧Ỷဵ಑$GREH,'ⲻ⟨౯᜼ᜤ $GREH&&ವ᝚ⶡ౺ಉ౧಍౧೉ഔ೙೬ೃಋ಑㣧Ḿ ೔ഔ೾ഝ೮ഔ೩಑ᵮ᜼ജ⹺ᣰ౯ಊ౰಍౧䈲᫳ᾌ䈳 ߞ༫ሬᐝ⹏㲈 ߞ༫3DJH)UDPH ߞਛംഝഌ೺ഝ೚ ߞ༫࿅㔵

    ߞ༫ಊ౰ಮ

  48. ᢗ㱨಑೶ೂ೅ഌ

  49. ೥ഝഌವᜤ౫ಉಥᜤಲಬ಍౧౶ಋ ೨೗೅ഔ౼ಮ࿂ಊ಑ഌഝഌವႧಮ ೌഔ೸౮ಬ಑⯸⍩㗺ಢವ᫟㔵౺಍౧ ೌഔ೸ಎᐢ౮಍౧೔ഀആ೬೒ഝ೘ഈഔವ⟨㕨౼ಮ

  50. ೨೗೅೫ഝಫథ ೨೗೅ഔ೥ഝഌ಑ᜯಎኖಫ䈫

  51. ၀ᬣಎᐢ౴ಉ )RUWKH)XWXUH 

  52. ၀ᩏ಑⧟∱ಒ౭౭ಣಐ㤍᳝⸮ ੺೨೗೅ഔ಑ೋഝ೸ഔೞഝ೚፥ ੺9XHMVಬ౺౧ೃ೬ംഝ೘ഈഔ ੺9XH)HV6WRUH䈲೑೤೛㛫᜘ಎಫಮ㨅㪞⦕㛧❡䈳

  53. ೔ഀആ೬೧ೄಎ౭౴ಮ೨೗೅ഔ ੺ἃ፥ಧⷚ㹮౯㤎౩ဵಂ಄ಎಫಮ೨೗೅ഔ಑എഝഌഃ೨ഌ ੺೔ഀആ೬೧ೄಛ಑㛧❡ವಌ౩㖶პ౼ಮ౮䉉

  54. ⎵ボ⩮త#MS ŀ ĺ