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.3k
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
人はなぜコミュニティとつながると幸せを感じるのか
448jp
3
320
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.9k
合意形成のためのFigma活用術
448jp
0
140
書く・即・DONEな仕組みをNuxtで作る
448jp
0
390
神速でワイヤーフレームを作るためのライブラリ
448jp
1
870
Figmaで神速ドキュメント作成術
448jp
3
2.5k
今から始めるFigma超入門
448jp
0
1.7k
零細Web制作会社のリモートワーク事情
448jp
0
430
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
770
Other Decks in Design
See All in Design
株式会社バクタム 会社説明資料
bactum
0
350
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
190
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
160
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
850
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
630
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.4k
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
140
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
150
Memory Man v3 (WIP)
storybychad
PRO
0
2.6k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
560
アクセシビリティに取り組むメリット
magi1125
2
260
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.8k
Featured
See All Featured
Writing Fast Ruby
sferik
629
62k
Building Adaptive Systems
keathley
43
2.8k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Context Engineering - Making Every Token Count
addyosmani
3
160
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Unsuck your backbone
ammeep
671
58k
Faster Mobile Websites
deanohume
310
31k
Agile that works and the tools we love
rasmusluckow
331
21k
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 ŀ ĺ