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
300
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
Avatar for 448jp | OKI Yoshiya 448jp
0
3.7k
合意形成のためのFigma活用術
Avatar for 448jp | OKI Yoshiya 448jp
0
120
書く・即・DONEな仕組みをNuxtで作る
Avatar for 448jp | OKI Yoshiya 448jp
0
380
神速でワイヤーフレームを作るためのライブラリ
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.6k
零細Web制作会社のリモートワーク事情
Avatar for 448jp | OKI Yoshiya 448jp
0
420
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
Avatar for 448jp | OKI Yoshiya 448jp
2
760

Other Decks in Design

See All in Design
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
170
Yahoo!フリマ：生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
340
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
Avatar for Gaku Oyanagi gakuoya
1
690
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
220
ランドマークが光る！季節を彩るナビ体験 - Mobility Night #3 -
Avatar for tetsuya kitauji kitau
0
100
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
330
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
870k
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
580
線で考える画面構成
Avatar for natsuume natsuume
1
890
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.7k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
Avatar for Tomoya AZUMA t_east
1
990

Featured

See All Featured
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
850
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
47
9.6k
Scaling GitHub
Avatar for Zach Holman holman
461
140k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.4k

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 ŀ ĺ