【1/3】Figmaの制作フロー大解剖〜UI制作からコーディングまで

Figmaを使ったUIモックアップの制作からコーディングまでの一連の流れを綿貫 佳祐さんに紹介いただきます。
https://cssnite.doorkeeper.jp/events/...
（2022年5月21日[土]開催）

#Figmaの制作フロー大解剖 #cssnite #綿貫佳祐 #qiita

※講演者のプロフィールは、セミナー時点での情報です。

──────────────────────────────

綿貫さんが執筆された書籍が2023年2月に発売されます!!

『Figmaデザイン入門〜UIデザイン、プロトタイピングからチームメンバーとの連携まで〜』
https://gihyo.jp/book/2023/978-4-297-...

Amazon
https://amzn.to/3Y1DVm2

──────────────────────────────

1/3
   • 【1/3】Figmaの制作フロー大解剖〜UI制作からコーディングまで  

2/3
   • 【2/3】Figmaの制作フロー大解剖〜UI制作からコーディングまで  

3/3
   • 【3/3】Figmaの制作フロー大解剖〜UI制作からコーディングまで  

アーカイブ一覧
   • Figmaの制作フロー大解剖  

──────────────────────────────

●セッション内容

日本法人が設立され、日本語版をリリースが予定されている「Figma」。ますます人気が高まっています。

Figmaにどっぷりの方がいるなか、様子見されている方もいるでしょう。

・実際、どこまでできるの？
・XDでなくFigmaの理由は？
・Figmaでデザインした後、どうやってコーディングしていくの？

本セミナーでは、Figmaを使ったUIモックアップの制作からコーディングに移っていく一連の流れまで、ふんだんにデモを盛り込みながら紹介します。

昨今デザイナーに求められる範囲が広がっており、それに対応していくにあたってのFigmaの活かし方、という観点でもお話します。

──────────────────────────────

●綿貫 佳祐さん

Qiita株式会社

2017年に株式会社エイチームに入社。クレジットカード、ライフエンディング、住宅ローン、家計の節約、不動産、自動車……と各種サービスを担当。2020年よりグループ会社であるQiita株式会社にてQiitaの開発に携わっています。

・Twitter：@xrxoxcxox   / xrxoxcxox  
・GitHub https://github.com/xrxoxcxox
・Qiita https://qiita.com/xrxoxcxox

──────────────────────────

CSS Niteは下記の企業に協賛、協力をいただいています。

・KDDIウェブコミュニケーションズ
　（レンタルサーバー「CPI」、簡単ホームページ作成「ジンドゥー」などを提供）
　http://www.kddi-webcommunications.co.jp/
・Webクリエイター能力認定試験（サーティファイ）
　年間受験者数15,000人以上
　http://www.sikaku.gr.jp/web/wc_new.html
・Webフォント・サービス「FONTPLUS」
　https://fontplus.jp/service

また、多くの制作会社に協賛いただいて運営しています。
http://cssnite.jp/about/sponsor2022-l...

・un-T factory! https://www.un-t.com/
・株式会社コンセントhttps://www.concentinc.jp/
・株式会社ヘルツ https://hertz.ne.jp/
・有限会社アップルップル https://www.appleple.com/
・ともすた（H2O space） https://tomosta.jp/
・株式会社トゥーアール（to-R） https://www.to-r.net/
・株式会社Gear8 https://gggggggg.jp/
・Qiita株式会社 https://corp.qiita.com/
・株式会社エイチーム https://www.a-tm.co.jp/recruit/requir...

・株式会社まぼろし https://maboroshi.biz/
・一般社団法人ウェブコンサルタント・ウェブアドバイザー協会 https://www.webconsultant.or.jp/
・株式会社ふわっと http://fuwhat.com/
・株式会社エスファクトリー https://sfactory.co.jp/
・株式会社株式会社ゴンウェブイノベーションズ http://www.gonweb.co.jp/
・株式会社HAMWORKS https://ham.works/
・株式会社LINICA https://linica.jp/
・株式会社マジカルリミックス https://www.magical-remix.co.jp/
・株式会社necco https://necco.inc/
・株式会社CODE54 https://www.code54.net/
・株式会社サービシンク https://servithink.co.jp/
・株式会社エンタミナ https://webdirection.jp/
・株式会社FLAT http://wd-flat.com/
・モチヤ株式会社 https://www.mochiya.ad.jp/
・ONiWA株式会社 https://oniwa.co.jp/
・ましじめ株式会社 https://masizime.com/
・株式会社ウェブエイト https://www.web8.co.jp/
・WizMu https://wizmu.co.jp