Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会

Transcript

1. Figma・FigJam レクチャー会 2025/08/01 　　　　　社内勉強会 ＼ Part1 基本のき編 ／
2. FigmaとFigJam の違いとは？
3. 3 FigmaとFigJamの違いとは？ Figma FigJam どんなツール？ デザイン作成ツール オンラインホワイトボード 使用用途 ・精密なデザイン制作業 ・UI/UXデザイン ・プロトタイプ作成 ・アイデア共有 ・ワークショップ 対象者 ・デザイナー ・エンジニア ・チーム全体 機能 デザインツール／プロトタイピング／ プラグイン／バージョン管理 ポストイット／タイマー／ステッカー／ 手書き線／図形／テンプレート
4. FigJamの 基本操作
5. 5 FigJamの基本操作　　　　　　　　　　　　　　操作画面 付箋 選択ツール 手のひらツール シェイプ テキスト セクション テーブル スタンプ その他 クイックアクション マーカー タイマー、音楽、投票 ページ コメント テンプレート
6. 6 FigJamの基本操作　　　　　　　　　タイマー、音楽、投票 投票 ミュージック タイマー 音量調整
7. 7 FigJamの基本操作　　　　　　　　　　　　テンプレート 選べるテンプレート Q：爆速で図を作成する方法を教えて
8. 8 FigJamの基本操作　　　　　　　 よく使う機能：ステッカー ステッカー
9. 9 FigJamの基本操作　　　　　　　 　　よく使う機能：付箋 付箋 色 タイプフェース フォントサイズ 取り消し線 リンク 箇条書き 作成者 よく、シェイプの正方形と 間違えてる方を見かける
10. 10 FigJamの基本操作　　　　　　　 　よく使う機能：マーカー マーカー shiftを押しながら引くと 真っ直ぐかける！
11. 11 FigJamの基本操作　　　　　　　 　よく使う機能：スタンプ ペタペタ 貼れる スタンプ すぐに消える リアクション
12. 12 FigJamの基本操作　　　　　　　　　　　　　　　投票 投票 投票したいものに スタンプを押す
13. Figmaを 見る方法
14. 14 Figmaを見る方法　　　　　　　　　　　　　　　追従 追従したい人の アイコンをクリック フォローすると自動で 追いかけてくれるので、 一緒にFigmaを見ながら 説明を聞くシーンで活躍
15. 15 Figmaを見る方法　　　　　　　　　　　　　　選択する レイヤー レイヤーから気になる コンポーネントを選択 （直接触っても選択できる）
16. 16 Figmaを見る方法　　　　　　　　　　　　　　数値を見る 「移動」から数値を見たい コンポーネントを選択 ここで数値をコピー 移動
17. 17 Figmaを見る方法　　　　　　　　　　　　　画像書き出し ここで書き出し
18. 18 Figmaを見る方法　　　　　　　　　　バージョン履歴を見る バージョン履歴 ここでチェック
19. 19 Figmaを見る方法　　　　　　　　　　　　　　コメント ここでチェック コメント