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
380
2

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

Avatar for ぽん

ぽん

October 15, 2025

More Decks by ぽん

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

Other Decks in Design

See All in Design
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.6k
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
380
(2026 AmA Keynote) Sociotechnical Architecture - Having your Agile and agility too.pdf
Avatar for xinyao xinyao
2
130
なぜ、インサイトを貯めるのか？
Avatar for 田島佳穂 tajima_kaho
3
2.6k
デザイン組織の"次の"強みづくり
Avatar for 井斉花織（いおり） isaikaori
2
140
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
340
2026-04-06 CMU School of Design "Vision-Driven Design"
Avatar for Hiroshi Ishii ishii_mit
0
130
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
7
1.5k
test deck title
Avatar for Shota Matsuo shotamatsuo
0
1.5k
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ～継承と挑戦を両立するデザイン手法～
Avatar for Cygames, Inc. cygames
PRO
3
5k
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
5
3.6k
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
11
14k

Featured

See All Featured
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
650
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.7k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
2.5k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
390
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
400
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.1k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
260
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
490
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
560
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.3k

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