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

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

Avatar for ぽん

ぽん

October 15, 2025

More Decks by ぽん

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

Other Decks in Design

See All in Design
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
290
hicard_credential_202601
Avatar for hicard hicard
0
240
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
290
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
250
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
300
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
160
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
220
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
180
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
130
つくり方を変えていく | change-how-we-build
Avatar for mottox2 mottox2
2
1.2k
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
0
240
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.8k

Featured

See All Featured
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.3k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
350
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
170
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
220
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
200
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
230
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
1.4k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
360

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