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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for ぽん ぽん
October 15, 2025
Design
2
260

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

Avatar for ぽん

ぽん

October 15, 2025
Tweet

More Decks by ぽん

See All by ぽん
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
1
1.3k
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
1
270

Other Decks in Design

See All in Design
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
0
310
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
330
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
5
780
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
220
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
230
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
310
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
640
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
1
430
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
210
インハウスデザイン組織で挑む自社ブランディング
Avatar for MIXI DESIGN mixi_design
PRO
0
110
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
260

Featured

See All Featured
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
250
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
300
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
210
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
170
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
790
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
69
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
95

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を見る方法　　　　　　　　　　　　　　コメント ここでチェック コメント