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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for ぽん ぽん
October 15, 2025
Design
290
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
300

Other Decks in Design

See All in Design
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
4
210
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
110
AIスライド生成を進化させるMDファイル
Avatar for 太田賢一 kenichiota0711
0
680
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
200
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
220
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
560
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
240
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
3
160
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
0
380
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
130
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.1k
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
Avatar for Yu Morita securecat
1
300

Featured

See All Featured
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
660
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
6
1.6k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
6.3k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
260
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
390
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
160
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
730

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