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
Figmaが支えるVue Fes Japanのデザイン
Search
448jp | OKI Yoshiya
September 13, 2019
Design
3
5.2k
Figmaが支えるVue Fes Japanのデザイン
2019年9月13日(金)DIST.28 「モダンWebデザインワークフロー2019」発表資料
448jp | OKI Yoshiya
September 13, 2019
Tweet
Share
More Decks by 448jp | OKI Yoshiya
See All by 448jp | OKI Yoshiya
書く・即・DONEな仕組みをNuxtで作る
448jp
0
300
神速でワイヤーフレームを作るためのライブラリ
448jp
1
770
Figmaで神速ドキュメント作成術
448jp
3
2k
今から始めるFigma超入門
448jp
0
1.5k
零細Web制作会社のリモートワーク事情
448jp
0
350
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
690
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
448jp
0
240
Lottieで始めるWebアニメーション入門
448jp
1
560
Vue Fes Japan 2018のデザインを支えたAdobe XD
448jp
2
1.8k
Other Decks in Design
See All in Design
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
180
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
300
Осязаемый потребительский опыт. Ловим его за хвост с Картой процесса-опыта
ashapiro
2
220
202409_会社概要資料_Englishver.pdf
zakkerooni
0
210
Yahoo Newsletter Clicker Template
xuechunwu
0
290
Arborea Art Book
thebogheart
1
290
Карта процесса-опыта. Презентация метода
ashapiro
0
330
デザインスプリントを活かすチームの在り方
mixi_design
PRO
2
790
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
480
Design System for training program
mct
0
280
root COMPANY DECK / We are hiring!
root_recruit
1
15k
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
360
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
420
Become a Pro
speakerdeck
PRO
25
5k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
For a Future-Friendly Web
brad_frost
175
9.4k
Site-Speed That Sticks
csswizardry
0
28
Visualization
eitanlees
145
15k
A designer walks into a library…
pauljervisheath
204
24k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Designing for Performance
lara
604
68k
Transcript
㞐᩷త⎵ボ⩮త_త )UL ',67ర:HE೨ഔഐഝഎഝఱ ೨ഔ )LJPD౯ị౫ಮ
⎵ ボ⩮ ౭ ಫ౺ ಧ ജഔೠഊഈഔ೨೫ഝ ജᏴ㖊ኽႧྐྵⲁᩏ ജហဵథᡘဵ #MS
‱ὅ౭㗋౺౼ಮಋ 9XH)HV-DSDQಋ೨ഔ ౿)LJPDವ㤩ಶಃ౮ ၀ᬣಎᐢಉ
'(6,*1 ⮀ಂ಄೨೫ഝ౯ὅႧಆಉ౧ಮಥಒႠಃರ౩䉉
⮀ಂ಄೨೫ഝ౯ὅႧಆಉ౧ಮಥಒႠಃರ౩䉉
⮀ಂ಄೨೫ഝ౯ὅႧಆಉ౧ಮಥಒႠಃರ౩䉉 ೌഔಒ㯒᳝₂⛸ద ഀആ೬ഝഈഔವሼ┗ಎ ౼ಮಂತᴊ⌮ಊಮద ⢟⧣≉ 䈲ಡಟರ౺థ䈳
&2'( ྐྵἧథഔ೬ೃಒ䉉
‒ⷒ᳝₂⛸ &2'(
&2'( ഝ೪ಎಒథೢഝഁಊႧಭ࿂ಮἃ፥౯ಮ
೨ഔಒథ೨೫ഝಃಥ䉉 '(6,*1
೨ഔೋഝഔೞഝ፥
ഝ೪ಫ౩ಎ೨ഔ 㗽ಥ౯ೃథ⹏㲈ᐊ ೋഝഔኽႧ㤇⮯ ೨ഔഝഌಎ㯉౻ಂ ೨೫ഝᾌၔⷒಲಭ
9XH)HV-DSDQ ೨ഔವị౫ಂ$GREH;' 㞐᩷త⎵ボ⩮త_త :HG ိ$GREH;'PHHWLQJ ర೨ഔೋഝഔೞഝ፥ఱಒథᩏ‗ಎḄᓑ
9XH)HV-DSDQ ೨ഔವị౫ಂ$GREH;' 㞐᩷త⎵ボ⩮త_త :HG ိ$GREH;'PHHWLQJ ర೨ഔೋഝഔೞഝ፥ఱಒథᩏ‗ಎḄᓑ 9XH)HV-DSDQ ೨ഔವị౫ಂ 㞐᩷త⎵ボ⩮త_త :HG
㞐᩷ ိ$GREH;'PHHWLQJ ర೨ഔೋഝഔೞഝ፥ఱಒథᩏ‗ಎḄᓑ "
9XH)HV-DSDQಋ೨ഔ 9XH)HV-DSDQDQG'HVLJQ
9XH)HV-DSDQಋಒ ὅ‱‒9XHMVೌഔೂഔ ὶᩏክ㯋ᆗథᩏಒᐞ౯Ꮳጆထᢓ Ⴇ⽐(YDQ<RX⍣ಎಫಮഝ೯ഝ೩ ᗢሻᜯഝೌഝಎಫಮഈഔ ഔೖഝഝಧ㛫ಌഔ೩
None
None
None
None
None
ᴬ㑸ೌഔೂഔ ೨ഔ㵨᙮ ೋഝ೬ഔഁഝഝ ᬝ≡ഁഝഝ ၻᚡ%*0 ೧ೄഝೖ೩ ‱⣎ೖ೩ IDYLFRQ6162*3㶘 Ὦᆱ :HE
೩ഝ೩ೱ ೮೩ഊ Ꮳጆೲ ೧ೌഝ Ꮳጆ⽐7ഄ ೠ7ഄ എഝഌೱ೫ഝ ೠഝ ၻᚡ್೪ ೌೇഔೠഝഝ೪ '73
ೋഝ೬ഔഁഝഝ
ᬝ≡ഁഝഝ
೧ೄഝೖ೩
‱⣎ೖ೩
IDYLFRQ2*3616㶘
೩ഝ೩ೱ
೮೩ഊ
Ꮳጆೲ
೧ೌഝ
Ꮳጆ⽐7ഄ
ೠ7ഄ
എഝഌೱ೫ഝ
ೠഝ
ၻᚡ್೪
೪ഋഔೌೇഔೠഝഝ೪
9XHഝഌ
None
ᄘಃ䊈䈫
ܸ೨ഔၖᜯᴑ಄ᐙಲ౾ಌಥᐲಣద ⮀ᄦဵ౯9XH)HV-DSDQಎ㛻ಧ౺ಂᾌ㯒 䈲‗ᓠഗ‗ኟ䈳
ᢗ㱨ಎഋഝഊഔಋ౺ಉᩏ࿂ಒㇳ಄ಂ ಌಡಊೌഔೂഔ㜠ವ⎀ತಮ౮ 266ಛ㛧❡ಋೌഔೂഔಛ㛧❡ಒ⋌ለ౯㤎౩ ܸೌഔೂഔ౯ೕಋ㕷౧ಂ౧ಲಊಒథ㛧❡ⵗᩮಧᭊ㔵ഌ౯㤎౩
೨ഔೢഝഁ፥
౿)LJPDವ㤩ಶಃ౮ :K\ZHFKRVH䇡JPD"
ᢗಒ၀ᩏಥ‒ክಒ $GREH;'ಊ೨ഔ౺ಉ౧ಂ
$GREH;'ಊ⧣㳬౺ಂ㗾㶉 ೂഌಎᣠ౺ಉᐝᾌಎ೨ഔಊ౧ ೂഌഝሬ‘㰱⢶ 㓧Ỷဵ$GREH,'ⲻ⟨౯ᜤ $GREH&&ವⶡ౺ಉ౧౧ഔ೬ೃಋ㣧Ḿ ഔഝ೮ഔ೩ᵮജᣰ౯ಊ౧䈲ᾌ䈳
)LJPDಊಌ౩ᜤಲಆಂ౮ ೂഌಎᣠ౺ಉᐝᾌಎ೨ഔಊ౧ ೂഌഝሬ‘㰱⢶ 㓧Ỷဵ$GREH,'ⲻ⟨౯ᜤ $GREH&&ವⶡ౺ಉ౧౧ഔ೬ೃಋ㣧Ḿ ഔഝ೮ഔ೩ᵮജᣰ౯ಊ౧䈲ᾌ䈳 ߞ༫ሬᐝ⹏㲈 ߞ༫3DJH)UDPH ߞਛംഝഌഝ ߞ༫࿅㔵
ߞ༫ಊಮ
ᢗ㱨ೂഌ
ഝഌವᜤ౫ಉಥᜤಲಬ౧ಋ ೨ഔ౼ಮ࿂ಊഌഝഌವႧಮ ೌഔ౮ಬ⯸⍩㗺ಢವ㔵౺౧ ೌഔಎᐢ౮౧ഀആ೬ഝഈഔವ⟨㕨౼ಮ
೨೫ഝಫథ ೨ഔഝഌᜯಎኖಫ䈫
၀ᬣಎᐢಉ )RUWKH)XWXUH
၀ᩏ⧟∱ಒ౭౭ಣಐ㤍᳝⸮ ೨ഔೋഝഔೞഝ፥ 9XHMVಬ౺౧ೃ೬ംഝഈഔ 9XH)HV6WRUH䈲㛫ಎಫಮ㨅㪞⦕㛧❡䈳
ഀആ೬೧ೄಎ౭ಮ೨ഔ ἃ፥ಧⷚ㹮౯㤎౩ဵಂ಄ಎಫಮ೨ഔഎഝഌഃ೨ഌ ഀആ೬೧ೄಛ㛧❡ವಌ౩㖶პ౼ಮ౮䉉
⎵ボ⩮త#MS ŀ ĺ