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

Figmaで神速ドキュメント作成術

 Figmaで神速ドキュメント作成術

2022/7/27 Figma Japan Community Event「Figmaの活用策をシェアしよう!」

448jp | OKI Yoshiya

July 27, 2022
Tweet

More Decks by 448jp | OKI Yoshiya

Other Decks in Design

Transcript

  1. Figmaの活用策をシェアしよう! | Figma Japan Community Event
    Figmaで

    神速ドキュメント作成術
    合同会社世路庵 沖 良矢 | 2022.7.27 WED

    View Slide

  2. おき
    沖 よ し や
    良矢 @448jp
    ⚫ 合同会社世路庵 代表
    ⚫ デザイナー/エンジニア
    ⚫ 受託制作一筋19年

    View Slide

  3. 相原 典佳、沖 良矢、濱野 将(著) ⚫ 2021.9.22発売 ⚫ 288ページ ⚫ 2,970円
    エムディエヌコーポレーション刊
    初心者からちゃんとしたプロになる

    Adobe XD基礎入門

    View Slide

  4. View Slide

  5. ドキュメント作ってますか?

    View Slide

  6. 受託制作におけるドキュメント(抜粋)
    ⚫ プロジェクト定義書
    ⚫ 各種リサーチレポート
    ⚫ ヒューリスティック評価レポート
    ⚫ ユーザーインタビュー設計書
    ⚫ 戦略概要書
    ⚫ ペルソナシート
    ⚫ カスタマージャーニーマップ
    ⚫ ムードボード
    ⚫ 運用マニュアル
    ⚫ 運用レポート、改善提案書

    View Slide

  7. 受託制作におけるドキュメント(抜粋)

    View Slide

  8. 受託制作におけるドキュメント(抜粋)
    Figmaでいいのでは?

    View Slide

  9. View Slide

  10. 実際に社内で使っている

    をご覧ください
    チームライブラリ

    View Slide

  11. チームライブラリの作り方
    4 スライドのベースとなるコンポーネントを作成する@
    5 メニュー → ライブラリ → 公開でチームライブラリとして公開する@
    ! 新規デザインファイルで利用したいチームライブラリを有効にする。

    View Slide

  12. ライブラリを使ってすばやく作る
    新たに必要になった要素を付け足す
    ライブラリに反映する
    ドキュメント作成と改善のサイクル

    View Slide

  13. まとめ
    Conclusion

    View Slide

  14. より速くドキュメントを作るために
    ⚫ チームライブラリを活用して初速を上げつつ品質を保つ
    ⚫ チームライブラリは作りっぱなしにせず育てる

    View Slide

  15. チームの を高めて

    よりよい を創り出しましょう!
    資産価値
    制作体験

    View Slide

  16. DIST.36「ゲームから学ぶUI/UX Ⅴ」
    日時:2022/8/5(金) 19:00〜21:00

    会場:中野セントラルパーク カンファレンス B1F ホール

    費用:1,000円
    出演:西原 翼(ICS)、高津戸 壮(ピクセルグリッド)、右寺 隆信(MIGI)、

    池原 健治(SIE)、國吉 雅人、喜納 彬光(サーフィス)

    View Slide

  17. ありがとうございました
    合同会社世路庵 沖 良矢 @448jp

    View Slide