All Posts

デジタルプロダクトに携わるデザイナーがFigmaなどのデザインツールの使い方や便利なテクニックなど、デザイン業務で役立つTipsを紹介しています。


wsd41-reports

ワークショップデザインのレポートまとめ

2024.11.15
mhlw-professional-practice-education-and-training-2024

専門実践教育訓練給付金を申請してみた:受給資格確認の申請編(2024)

2024.11.08
wsd41-final-report

集団で互恵的な関係を生み出すための足掛け行為としての「ワークショップ」

2024.11.01
プロデザのマネージャーが「ワークショップデザイナー」として取り組んだ3つのこと

プロデザのマネージャーが「ワークショップデザイナー」として取り組んだ3つのこと

2024.10.25
wsd41-report16

WSDレポート16:ワークショップデザインにおける問いの作り方

2024.10.18
wsd41-report15

WSDレポート15:ワークショップデザイナーの専門性

2024.10.11
wsd41-report14

WSDレポート14:コミュニティデザインを学ぶ

2024.10.04
wsd41-report13

WSDレポート13:研修にワークショップを取り入れる

2024.09.27
wsd41-report12

WSDレポート12:実践者の事例から学ぶワークショップデザイン〜オンライン編〜

2024.09.20
wsd41-report11

WSDレポート11:実践者の事例から学ぶワークショップデザイン

2024.09.13
wsd41-report10

WSDレポート10:リフレクションデザイン

2024.09.06
wsd41-report9

WSDレポート9:ファシリテーション

2024.08.30
wsd41-report8

WSDレポート8:プログラムデザイン

2024.08.23
wsd41-report7

WSDレポート7:ワークショップと対話

2024.08.16
wsd41-report6

WSDレポート6:ワークショップとコミュニケーション教育

2024.08.09
wsd41-report5

WSDレポート5:ワークショップと学び

2024.08.02
wsd41-report4

WSDレポート4:ワークショップの背景理論

2024.07.26
wsd41-report3

WSDレポート3:ワークショップの背景理論

2024.07.19
figma-text-bold-underline-shortcuts

Figmaのフォントスタイル内で部分的に太字や下線を適用するショートカット

2024.07.12
wsd41-report2

WSDレポート2:ワークショップを学習として捉える

2024.07.05
figma-config-2024-updates

Figma Config2024で発表された新機能・改善のダイジェスト

2024.06.27
wsd41-report1

WSDレポート1:ワークショップの定義を考える

2024.06.21
figma-bottom-fixed-sticky-animation-prototype

Figmaでオブジェクトを画面下部に固定して追従させる(プロトタイプ)

2024.06.14
figma-file-management-tips

Figmaのファイル管理がちょっと便利になるTips集

2024.06.07
figma-how-to-change-screen-size-on-preview

Figmaのプレビューで画面サイズの縦横比を維持する方法

2024.05.31
pc-gamers-best-buy-2024

PCゲーマーがデスク環境で買ってよかったもの2024

2024.05.24
figma-how-to-add-page-divider

Figmaでページを分ける区切り線を追加する方法

2024.05.17
今更聞けない「労務領域」のデザインって何をしているの?

今更聞けない「労務領域」のデザインって何をしているの?

2024.05.10
figma-how-to-separate-tabs

Figmaで画面タブを分割して2画面表示する方法

2024.05.03
mhlw-career-consulting-2024

専門実践教育訓練給付金を申請してみた:訓練前キャリアコンサルティング編(2024)

2024.04.26
goods-useful-for-moving-2024

新居への引っ越しで役に立った便利なグッズ・ガジェット2024

2024.04.19
figma-figjam-how-to-change-cursor

FigmaやFigJamでカーソルを変更して遊ぶ

2024.04.12
figma-figjam-how-to-make-ranged-comments

Figmaで範囲指定してコメントをする方法

2024.04.05
mhlw-how-to-create-job-card-2024

専門実践教育訓練給付金を申請してみた:ジョブカード準備編(2024)

2024.03.29
figma-how-to-hide-comments

Figmaでコメントのバッジを非表示にする方法

2024.03.22
mhlw-professional-practice-education-and-training-2024

専門実践教育訓練給付金を申請してみた(2024)

2024.03.15
figma-multi-edit-mode

Figmaで複数要素を一括選択して同時編集する方法

2024.03.08
デザインシステムを積み上げた先には何が待っているのか?

デザインシステムを積み上げた先には何が待っているのか?

2024.02.29
workshop-designer-training-program-2024

2024年度第1期ワークショップデザイナー育成プログラム(青山学院大学大学院)を受講します

2024.02.23
経済圏に自分の経済活動を支配されないために

経済圏に自分の経済活動を支配されないために

2024.02.16
2024- figma-dev-mode-release

Figmaの開発モード(Dev mode)のリリース情報のまとめ

2024.02.09
how-to-import-from-miro-to-figjam

Miroのデータをなるべく壊さずにFigJamに取り込む方法

2024.02.02
figma-overlay-dialog-prototype

Figmaでダイアログをオーバーレイで表示させる(プロトタイプ)

2024.01.26
travelers-best-buy-2024

旅行やワーケーションで便利だったおすすめのガジェット2024

2024.01.19
figma-how-to-create-dialog

Figmaでシンプルなダイアログ・コンポーネントを作る方法

2024.01.12
popular-articles-2023

2023年に最も人気だった記事ベスト10

2024.01.05
remote-workers-best-buy-2023

リモートワークで買ってよかったもの2023秋冬

2023.12.29
figma-auto-layout-tips

Figmaのオートレイアウトで使える便利なテクニック集

2023.12.22
figjam-how-to-use-mindmap

FigJamのマインドマップの基本的な使い方

2023.12.15
figma-figjam-generative-ai

FigmaとFigJamの生成AIに関する機能まとめ

2023.12.08
figma-google-meet-addon

Google Meetの参加者でFigJamを共同編集する方法

2023.12.02
figma-little-big-updates-2023-11

Figmaの「Little Big Updates」で公開された機能(2023年11月分)

2023.11.24
figma-color-wheel-palette-generator-plugin

Figmaで補色やグラデーションを自動補完で作成できるカラーパレットの使い方

2023.11.17
figma-how-to-use-figjam-ai

FigJam AIの基本的な使い方

2023.11.10
figma-figjam-text-list-style

Figmaのテキストを階層のある箇条書きリストにする方法

2023.11.03
figma-how-to-use-canvas-stacking

Figmaでオートレイアウト上の要素の重なり順を逆転する方法

2023.10.27
figma-little-big-updates-2023-10

Figmaの「Little Big Updates」で公開された機能(2023年10月分)

2023.10.20
figma-how-to-use-absolute-potision

Figmaでオートレイアウトを無視して要素を自由に配置する方法

2023.10.13
figma-little-big-updates-2023-09

Figmaの「Little Big Updates」で公開された機能(2023年9月分)

2023.10.06
figma-how-to-use-alignment

Figmaでオブジェクトを整列・均等配置する方法

2023.09.29
figjam-how-to-use-jambot

FigJamでのブレストをAIで支援する「Jambot」の使い方

2023.09.22
figma-layout-design-tips

Figmaの画面レイアウトや配置に関する機能のまとめ

2023.09.15
figma-mindmap-widget

Figma・FigJamで使える「Mindmap(Beta)」ウィジェットの紹介

2023.09.08
figma-how-to-setting-prototype-with-mockup

Figmaでモックアップ付きのプロトタイプを作成する方法

2023.09.01
figma-studio-plugin

FigmaのデザインデータからSTUDIOのサイトを作成する方法

2023.08.25
figma-components-tips

Figmaのコンポーネント機能の使い方まとめ

2023.08.18
figma-ai-image-generator-plugin

Figmaでテキストから画像生成できるプラグイン「AI image generator」

2023.08.11
figma-how-to-setting-scroll

Figmaのプロトタイプのスクロール制御に関する設定

2023.08.04
figma-useful-text-tips

Figmaでテキストを使った便利なテクニック集

2023.07.28
figma-pull-down-button-prototype

Figmaでクリックするとメニューが開くプルダウンボタン

2023.07.21
figma-turncate-text

Figmaでテキストを行数で自動的に省略表示(…)する方法

2023.07.14
figma-auto-layout-wrap

Figmaのオートレイアウトで折り返しできる「Wrap」の使い方

2023.07.07
product-designer-1on1-trial-report-202305

駆け出しプロダクトデザイナー向けなんでも相談会の振り返り(2023年5~7月)

2023.06.30
figma-config-2023-updates

Config 2023で発表されたFigmaの新機能まとめ

2023.06.23
how-to-use-microsoft-designer

Microsoft Designerの基本的な使い方

2023.06.16
figma-resource-ios17-and-ipados17

FigmaでiOS 17・iPadOS 17のUIキットを利用する方法

2023.06.09
figma-header-sticky-animation-prototype

Figmaでヘッダーを画面上部に固定して追従させる(プロトタイプ)

2023.06.02
how-to-convert-figma-animations-to-lottie-files-by-plugin

Figmaで作成したアニメーションをLottieFilesに書き出す方法

2023.05.26
figma-figjam-simple-graph-plugin

Figma・FigJamでシンプルなグラフを生成するプラグイン集

2023.05.19
figma-simple-radar-chart-plugin

Figmaでシンプルな多角形グラフ(レーダーチャート)を作成する方法

2023.05.12
product-designer-1on1-trial

【募集終了】駆け出しプロダクトデザイナー向け「なんでも相談会」のおしらせ

2023.05.05
ai-chatbot-builder-chatbase

ウェブサイトへ簡単に組み込めるAIチャットボット「Chatbase.co」の使い方

2023.04.28
figma-simple-line-chart-plugin

Figmaでシンプルな線グラフを生成するプラグインの紹介

2023.04.21
figma-interactive-components

Figmaで作れるインタラクション付きコンポーネント集

2023.04.14
figma-simple-bar-chart-plugin

Figmaでシンプルな棒グラフを生成するプラグインの紹介

2023.04.07
figma-little-big-updates-2023-03

Figmaの「Little Big Updates」で公開された32の機能(2023年3月)

2023.03.31
figjam-how-to-edit-table-and-csv

FigJamで表形式のテーブル(CSV)を追加・編集する方法

2023.03.24
figma-integration-tips

Figmaとの連携で便利な外部ツールの使い方

2023.03.17
small-start-design-system

「ちいさくはじめるデザインシステム」の執筆に共著で参加しました

2023.03.10
figma-simple-pi-chart-plugin

Figmaでシンプルな円グラフを生成するプラグインの紹介

2023.03.03
figma-how-to-insert-icons-into-text

Figmaでテキスト内にアイコンを挿入する方法

2023.02.24
figma-how-to-use-auto-layout

Figmaのオートレイアウトの基本的な使い方

2023.02.17
figma-noisy-gradients-plugin

Figmaで簡単にメッシュ・グラデーションをランダム生成する方法

2023.02.10
notion-import-content-iframe

Notionのページにiframeを埋め込み表示する方法

2023.02.03
figma-delete-component-and-variants

Figmaのコンポーネント化を解除・削除する方法

2023.01.27
figma-icons8-background-remover-plugin

Figmaで複数の画像素材から一括で背景を透過する方法

2023.01.20
figma-insert-big-image-plugin

Figmaで幅が4096pxより大きい画像を高解像度で取り込む方法

2023.01.13
notion-figma-figjam-integration

NotionでFigma/FigJamを連携する方法

2023.01.06
popular-articles-2022

2022年に最も人気だった記事ベスト10

2022.12.30
mac-ios-freeform-freeboard-app

家族やグループで掲示板のように情報共有できるアプリ「フリーボード」の使い方

2022.12.23
figma-google-calender-addon

GoogleカレンダーのイベントにFigma/FigJamのリンクを同期する方法

2022.12.16
figma-notioin-efficiency-of-meeting-minutes

FigmaとNotionで会議をなめらかに進行するための議事録Tips

2022.12.09
figma-how-to-emmbed-preview-at-external-site

Figmaのデザインデータを外部ツール上でプレビューする方法

2022.12.02
notion-how-to-automatically-generate-recurring-notes

Notionで定期的なTodoや議事録を繰り返し自動生成する方法

2022.11.25
summary-of-schema-by-figma-2022

Schema2022で公開した登壇資料のまとめ

2022.11.18
"デザイン"のためじゃないデザインシステム

SmartHRのプロダクトデザインの生産性を高める“デザイン”のためじゃないデザインシステムとは(Schema2022)

2022.11.15
figma-how-to-create-objective-model

Figmaで効率的にオブジェクトモデルを設計する方法

2022.11.11
report-of-schema-by-figma-2022

Schema by Figma 2022の登壇の振り返り

2022.11.04
figma-pitchdeck-presentation-studio-plugin

Figmaで作成したスライドをkeynoteやpowerpoint形式で出力する方法

2022.10.28
figma-simple-components-series-202210

シンプルなコンポーネントシリーズの人気ランキング

2022.10.22
Schema by Figma 2022

Schema by Figma 2022で登壇します

2022.10.14
figma-text-find-and-replace-in-file

Figmaでファイル内のテキストを検索・一括置換する方法

2022.10.07
figma-plugin-text2image

Figmaで使える画像生成AIプラグイン「Text2Image」

2022.09.30
figma-nested-instance-property-setting

Figmaでコンポーネントに内包されたインスタンスのプロパティを効率的に変更する方法

2022.09.23
figma-useful-settings

Figmaの使いやすさを向上する設定のヒント

2022.09.16
figma-how-to-save-local-file

Figma・FigJamのファイルをローカルに保存する方法

2022.09.09
figma-table-cell-animation-prototype

マウスオーバー・クリックすると罫線スタイルが変わるテーブル(プロトタイプ)

2022.09.03
SmartHRのプロダクトデザイングループのFigmaの運用を大公開!第1弾:デザインデータに対する考え方

SmartHRのプロダクトデザイングループのFigmaの運用を大公開!第1弾:デザインデータに対する考え方

2022.09.01
figjam-make-works-fun-tips

FigJamでの議論を盛り上げるためのTips

2022.08.27
figjam-stamp-sticker-emoji

FigJamで絵文字やスタンプを使う方法

2022.08.19
figjam-how-to-use-washi-tape-tool

FigJamでマスキングテープツールを使う方法

2022.08.12
figma-figjam-how-to-setting-language-japanese

FigmaとFigJamを日本語に言語設定する方法

2022.08.05
figma-how-to-design-ui-components

Figmaで汎用的なUIコンポーネントを作る方法

2022.07.29
figJam-how-to-export

FigJamの付箋やフローチャートをまとめて書き出す方法

2022.07.22
figma-figjam-collaboration-tips

Figmaを使って複数人で円滑にコラボするためのTips

2022.07.15
figma-set-small-and-big-nudge-values

FigmaのPaddingやカーソル移動のデフォルト値を設定する方法

2022.07.08
figma-how-to-use-widget

FigmaやFigJamで使えるウィジェット機能の使い方

2022.07.01
figma-how-to-set-as-thumbnail

Figmaのファイルのサムネイルを設定・解除する方法

2022.06.24
figma-how-to-save-local-file

Figmaファイルをローカルに書き出し・保存する方法

2022.06.17
figma-how-to-use-flip-horizontal-and-vertical

Figmaでオブジェクトを上下左右に反転する方法

2022.06.10
figma-how-to-use-local-fonts

FigmaでWindows・Macのローカルフォントを使う方法

2022.06.03
figma-partially-apply-border

Figmaで枠線(Stroke)を部分的に適用する方法

2022.05.27
figma-component-properties-vs-variants

FigmaのComponent propertiesとVariantsの使い分けの考察

2022.05.20
figma-config-2022

FigmaのTokyo Config Watch Party2022の参加レポート

2022.05.13
figma-how-to-use-scale

Figmaでテキストごとオブジェクトを拡大・縮小する方法

2022.05.06
figma-how-to-use-color-styles

FigmaでColor Stylesをカスタマイズする方法

2022.04.29
figma-clean-docment-plugin

Figmaでレイヤーやグループを自動整理できる「Clean Document」の使い方

2022.04.22
figma-toggle-switch-with-slide-animation-prototype

スライドするアニメーション付きのスイッチ(プロトタイプ)

2022.04.15
figjam-how-to-use-section

FigJamで付箋やオブジェクトをまとめる「Section」の使い方

2022.04.08
figma-notification-in-slack-channel

Slackの特定チャンネルにFigmaのコメントを通知する方法

2022.04.01
figma-how-to-create-tooltip

Figmaでシンプルなツールチップ・コンポーネントを作る方法

2022.03.25
figma-funny-images-tips

Figmaでネタ画像を作るためのTips

2022.03.18
figma-button-with-fill-animation-prototype

Figmaで塗りが円形に広がるアニメーションのボタン(プロトタイプ)

2022.03.11
figma-how-to-create-side-menu

Figmaでシンプルなサイドメニュー・コンポーネントを作る方法

2022.03.04
figma-outline-to-single-stroke-plugin

Figmaでアウトラインをパスに変換・復元する方法

2022.02.25
figma-how-to-use-comment

Figmaのコメント機能の使い方

2022.02.18
figma-path-and-curve-tips

Figmaでおすすめの直線・曲線パスを使ったTipsまとめ

2022.02.11
figma-how-to-create-radio-button

Figmaでシンプルなラジオボタン・コンポーネントを作る方法

2022.02.04
figjam-beginners-tips

FigJamの初心者におすすめのTipsまとめ

2022.01.28
figma-how-to-create-checkbox

Figmaでシンプルなチェックボックス・コンポーネントを作る方法

2022.01.21
figma-ruler-and-grid-view-tips

Figmaでグリッドやガイド(ルーラー)を表示・非表示する方法

2022.01.14
figma-font-viewer-plugin

Figmaでフォントのプレビューを表示する方法

2022.01.07
2021-top-10-articles

2021年に最も人気だった記事ベスト10

2021.12.31
figjam-create-sticky-from-text-plugin

FigJamで箇条書きのテキストから複数の付箋に書き出す方法

2021.12.24
figma-how-to-use-component

Figmaのコンポーネント機能の基本的な使い方

2021.12.17
figma-plugins-for-image-processing

Figmaでおすすめの写真・画像加工のTipsまとめ

2021.12.10
figjam-confetti-plugin

Figmaで紙吹雪(パーティクル)を均等に散らす方法

2021.12.03
figma-how-to-export-webp

Figmaで画像を圧縮したりwebp形式で保存する方法

2021.11.26
figma-how-to-create-form

Figmaでシンプルなフォーム・コンポーネントを作る方法

2021.11.19
figma-brandfetch-plugin

Figmaで企業ロゴなどのブランド・アセットを検索できる「Brandfetch」の使い方

2021.11.12
figma-filter-plugin

Figmaのプラグイン「Filter」でPhotoshopのようなエフェクトを使う方法

2021.11.05
figma-how-to-create-header

Figmaでシンプルなヘッダー・コンポーネントを作る方法

2021.10.29
figjam-widgets-collection

FigJamの作業が捗る便利なウィジェットの使い方

2021.10.22
figma-how-to-create-tab

Figmaでシンプルなタブ・コンポーネントを作る方法

2021.10.15
figma-pixels-plugin

Figmaで画像をドット絵のようなモザイクに変換する方法

2021.10.08
figma-contrast-plugin

Figmaで簡単にコントラスト比を調べる方法

2021.10.01
figma-how-to-use-icons

Figmaで無料のアイコン素材集を利用する方法

2021.09.24
figma-how-to-create-button

Figmaでシンプルなボタン・コンポーネントを作る方法

2021.09.17
figma-skewdat-plugin

Figmaで簡単にテキストや図形を斜めに変形する方法

2021.09.10
figma-how-to-create-table

Figmaでシンプルなテーブル(表)を作る方法

2021.09.03
figma-connect-with-arrows

Figmaで簡単にフローチャートや画面遷移図をつくる方法

2021.08.27
figma-morph-plugin

Figmaでネオンやガラスの質感を手軽に使えるプラグイン「Morph」の紹介

2021.08.20
figma-how-to-mask

Figmaでマスクを適用・解除する方法

2021.08.13
figma-to-path-plugin

Figmaで曲線パスに沿って文字やシェイプをはわせる方法

2021.08.06
figjam-team-building-workshop-template

FigJamでチームビルディングするためのワークショップ集

2021.07.30
figma-how-to-use-corner-radius

Figmaで角丸を使った便利なテクニック集

2021.07.23
figma-slackbot-app

Figmaのコメント通知をSlackで受け取る方法

2021.07.16
figma-how-to-use-dropshadow

Figmaで様々なドロップシャドウ(影)を適用する方法

2021.07.09
figma-how-to-use-plugins

Figmaのプラグインのインストール方法と使い方

2021.07.02
figma-how-to-use-blur-effect

Figmaでオブジェクトや画像にぼかしを入れる方法

2021.06.25
figma-how-to-create-pie-chart

Figmaで簡単に円グラフや棒グラフを作る方法

2021.06.18
figma-how-to-edit

Figmaでテキストや図形を編集できない時に試すこと

2021.06.11
figma-text-vertical-alternates

Figmaでテキストを縦書きに対応する方法

2021.06.04
figma-how-to-crop-and-mask

Figmaで画像を○や□などの好きな形に切り抜く方法

2021.05.28
figma-mobile-and-destop-mockup

Figmaで簡単にスマホやPCのモックアップに画像をはめ込む方法

2021.05.21
figma-how-to-gradation

Figmaで図形やテキストのべた塗りとグラデーションの使用方法

2021.05.14
mac-capture-by-gif-brewery-3

Macで簡単にGIF動画の画面キャプチャをとる方法

2021.05.07
figma-how-to-edit-line-style

Figmaで破線・点線や矢印がついたパスを作る方法

2021.04.30
2021-figjam-release

FigJamの機能と使い方の解説(動画付き)

2021.04.23
figma-how-to-export

Figmaでファイル形式を指定して画像に書き出す方法

2021.04.16
figma-remove-bg-plugin

Figmaで写真やイラストの背景を簡単に切り抜き・透過する方法

2021.04.09
figma-beginners-tips

Figma初心者が使い方に困った時に試してほしいTips

2021.03.29
screenshot-tool-skitch

Macで簡単に注釈付きスクリーンショットを撮る方法

2021.03.26
website-publish-system

Gatsby + Contentful + Netlifyでブログを構築するメリット

2021.03.20
figma-noise-tool-plugin

Figmaの「Noise」でざらざらした質感を表現する方法

2021.03.12
figma-basic-banner-design

Figmaで簡単にコンテンツマーケティング用のバナー画像を作ってみよう

2021.03.08
figma-wave-and-curve

Figmaで簡単に波線・ジグザグのパスを作る方法

2021.02.28
figma-patern-design

Figmaで模様や柄などの繰り返しタイルパターンを作る方法

2021.02.22
figma-super-ellipse

Figmaで簡単になめらかな角丸の「スーパー楕円」を作る方法

2021.02.15
figma-brend-mode-luminosity

Figmaで画像の色をセピアや単色のモノクロに変換する方法

2021.02.11
favorite figma plugins

UIデザインの作業を加速するFigmaプラグイン10選

2021.02.08