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

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

Avatar for ぽん ぽん
October 15, 2025
Design
0
110

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

Avatar for ぽん

ぽん

October 15, 2025
Tweet

More Decks by ぽん

See All by ぽん
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
0
98

Other Decks in Design

See All in Design
デザイナーのAI活用とチームへの浸透戦略
Avatar for Kaori Ueda ukaoli
0
130
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
2.8k
Liquid GlassとApp Intents
Avatar for touyou touyou
0
450
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
800
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
650
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
150
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
650
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.3k
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
830
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
450
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
580
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
810

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
640
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.1k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
640
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
272
27k

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