Slide 1

Slide 1 text

Figma・FigJam レクチャー会 2025/08/01      社内勉強会 \ Part1 基本のき編 /

Slide 2

Slide 2 text

FigmaとFigJam の違いとは?

Slide 3

Slide 3 text

3 FigmaとFigJamの違いとは? Figma FigJam どんなツール? デザイン作成ツール オンラインホワイトボード 使用用途 ・精密なデザイン制作業 ・UI/UXデザイン ・プロトタイプ作成 ・アイデア共有 ・ワークショップ 対象者 ・デザイナー ・エンジニア ・チーム全体 機能 デザインツール/プロトタイピング/ プラグイン/バージョン管理 ポストイット/タイマー/ステッカー/ 手書き線/図形/テンプレート

Slide 4

Slide 4 text

FigJamの 基本操作

Slide 5

Slide 5 text

5 FigJamの基本操作              操作画面 付箋 選択ツール 手のひらツール シェイプ テキスト セクション テーブル スタンプ その他 クイックアクション マーカー タイマー、音楽、投票 ページ コメント テンプレート

Slide 6

Slide 6 text

6 FigJamの基本操作         タイマー、音楽、投票 投票 ミュージック タイマー 音量調整

Slide 7

Slide 7 text

7 FigJamの基本操作            テンプレート 選べるテンプレート Q:爆速で図を作成する方法を教えて

Slide 8

Slide 8 text

8 FigJamの基本操作        よく使う機能:ステッカー ステッカー

Slide 9

Slide 9 text

9 FigJamの基本操作          よく使う機能:付箋 付箋 色 タイプフェース フォントサイズ 取り消し線 リンク 箇条書き 作成者 よく、シェイプの正方形と 間違えてる方を見かける

Slide 10

Slide 10 text

10 FigJamの基本操作         よく使う機能:マーカー マーカー shiftを押しながら引くと 真っ直ぐかける!

Slide 11

Slide 11 text

11 FigJamの基本操作         よく使う機能:スタンプ ペタペタ 貼れる スタンプ すぐに消える リアクション

Slide 12

Slide 12 text

12 FigJamの基本操作               投票 投票 投票したいものに スタンプを押す

Slide 13

Slide 13 text

Figmaを 見る方法

Slide 14

Slide 14 text

14 Figmaを見る方法               追従 追従したい人の アイコンをクリック フォローすると自動で 追いかけてくれるので、 一緒にFigmaを見ながら 説明を聞くシーンで活躍

Slide 15

Slide 15 text

15 Figmaを見る方法              選択する レイヤー レイヤーから気になる コンポーネントを選択 (直接触っても選択できる)

Slide 16

Slide 16 text

16 Figmaを見る方法              数値を見る 「移動」から数値を見たい コンポーネントを選択 ここで数値をコピー 移動

Slide 17

Slide 17 text

17 Figmaを見る方法             画像書き出し ここで書き出し

Slide 18

Slide 18 text

18 Figmaを見る方法          バージョン履歴を見る バージョン履歴 ここでチェック

Slide 19

Slide 19 text

19 Figmaを見る方法              コメント ここでチェック コメント