Figma

Figmaは、チームでのWebサイトやアプリケーションのUI/UXのデザイン制作や開発でのコミュニケーションに特化した、オンラインコラボレーションツールです。パスや画像を使って制作したデザインやグラフィックアートをURLで簡単にシェアしたり、様々な形式のファイルにアウトプットできます。


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

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

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

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

2022.07.29
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
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
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
figma-how-to-use-component

FigmaのComponent(コンポーネント)機能の使い方

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