Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
Search
ぽん
October 15, 2025
Design
0
110
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
ぽん
October 15, 2025
Tweet
Share
More Decks by ぽん
See All by ぽん
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
0
98
Other Decks in Design
See All in Design
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
bitkey
PRO
0
110
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
430
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
140
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
120
maki setoguchi
maki_setoguchi
0
510
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
320
Liquid GlassとApp Intents
touyou
0
450
Memory Man v3 (WIP)
storybychad
PRO
0
2.7k
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
520
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
650
CursorでAI活用のナレッジベースを構築する
kanzaki
0
800
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
650
Featured
See All Featured
Practical Orchestrator
shlominoach
190
11k
Facilitating Awesome Meetings
lara
57
6.6k
Become a Pro
speakerdeck
PRO
29
5.6k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
How to Ace a Technical Interview
jacobian
280
24k
Speed Design
sergeychernyshev
32
1.2k
It's Worth the Effort
3n
187
28k
Embracing the Ebb and Flow
colly
88
4.9k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
YesSQL, Process and Tooling at Scale
rocio
173
15k
Transcript
Figma・FigJam レクチャー会 2025/08/01 社内勉強会 \ Part1 基本のき編 /
FigmaとFigJam の違いとは?
3 FigmaとFigJamの違いとは? Figma FigJam どんなツール? デザイン作成ツール オンラインホワイトボード 使用用途 ・精密なデザイン制作業 ・UI/UXデザイン
・プロトタイプ作成 ・アイデア共有 ・ワークショップ 対象者 ・デザイナー ・エンジニア ・チーム全体 機能 デザインツール/プロトタイピング/ プラグイン/バージョン管理 ポストイット/タイマー/ステッカー/ 手書き線/図形/テンプレート
FigJamの 基本操作
5 FigJamの基本操作 操作画面 付箋 選択ツール 手のひらツール シェイプ テキスト セクション テーブル スタンプ
その他 クイックアクション マーカー タイマー、音楽、投票 ページ コメント テンプレート
6 FigJamの基本操作 タイマー、音楽、投票 投票 ミュージック タイマー 音量調整
7 FigJamの基本操作 テンプレート 選べるテンプレート Q:爆速で図を作成する方法を教えて
8 FigJamの基本操作 よく使う機能:ステッカー ステッカー
9 FigJamの基本操作 よく使う機能:付箋 付箋 色 タイプフェース フォントサイズ 取り消し線 リンク 箇条書き
作成者 よく、シェイプの正方形と 間違えてる方を見かける
10 FigJamの基本操作 よく使う機能:マーカー マーカー shiftを押しながら引くと 真っ直ぐかける!
11 FigJamの基本操作 よく使う機能:スタンプ ペタペタ 貼れる スタンプ すぐに消える リアクション
12 FigJamの基本操作 投票 投票 投票したいものに スタンプを押す
Figmaを 見る方法
14 Figmaを見る方法 追従 追従したい人の アイコンをクリック フォローすると自動で 追いかけてくれるので、 一緒にFigmaを見ながら 説明を聞くシーンで活躍
15 Figmaを見る方法 選択する レイヤー レイヤーから気になる コンポーネントを選択 (直接触っても選択できる)
16 Figmaを見る方法 数値を見る 「移動」から数値を見たい コンポーネントを選択 ここで数値をコピー 移動
17 Figmaを見る方法 画像書き出し ここで書き出し
18 Figmaを見る方法 バージョン履歴を見る バージョン履歴 ここでチェック
19 Figmaを見る方法 コメント ここでチェック コメント