- 2026年7月9日
Figmaでホバーアニメーションを再現する方法|応用テクニックも紹介
Figmaのプロトタイプ機能で凝ったホバーアニメーションを作る方法を解説。基礎編・応用編に分けて実務で使えるテクニックを紹介します。
Figmaのプロトタイプ機能で凝ったホバーアニメーションを作る方法を解説。基礎編・応用編に分けて実務で使えるテクニックを紹介します。
Figmaのプロトタイプ機能でホバーエフェクトを再現する基本手順を解説。コンポーネント化からバリアント設定まで初心者にもわかりやすく紹介します。
Figmaのスタイルとバリアブルはデザイン効率化に欠かせない機能です。違いや使い分け、実践的な設定例を制作会社の視点でわかりやすく解説します。
FigmaのデザインデータをPSD形式に変換する方法を初心者向けに解説。無料ツールPhotopeaを使えばPhotoshopがなくても簡単に書き出せます。フォントやレイヤーの注意点も紹介します。
Figmaのコメント機能の使い方を初心者向けに解説します。コメントの付け方・返信・メンション・解決(Resolve)・ショートカット(Cキー)まで、操作手順を画像イメージ付きで丁寧にまとめました。
Figma to STUDIOとは?Figmaデザインを簡単にSTUDIOへ移行できるプラグイン Figma to STUDIOは、Figmaで作成したデザインをボックスレイアウトに変換し、STUDIOへインポートできるFigmaのプラグインです。 これは非常に便利なツールで、本記事では、Figma to STUDIOの使い方を画像付きで解説しています。数クリックでFigmaのデザインがSTUDI […]
FigmaでPSDファイルを読み込める!便利なプラグイン「psd.to.design」 これまで、PSD形式のデザインデータをFigmaに移行するには、別のソフトを経由したり、手作業で再現したりと、かなり手間がかかっていました。しかし、プラグイン「psd.to.design」を使えば、直接PSDファイルを読み込めるようになり、作業効率が大幅にアップします。 ※PSD形式のファイルとは、、「Phot […]
画像のトリミングについて(Figma) Figmaでは、画像をトリミングすることで不要な周辺部分を非表示にし、必要な範囲だけを表示することができます。このトリミング処理は、あとから再調整することも可能で、カットされた部分の画像データ自体は削除されることはありません。 一度トリミングした画像でも、後から編集して表示範囲を変更することができます。 Figmaで画像をトリミングする手順 Figmaでは、 […]
ここでは、Figmaのフォントの追加方法について説明していきます。 はじめに ✅ この機能を利用できるユーザー すべてのプランで利用可能 誰でもFigmaデザインにカスタムフォントを追加可能 📚 フォントの利用について Figmaでは、デフォルトでGoogle Fontsが組み込まれており、インストール不要でそのまま使用できます。しかし、Google Fonts以外の […]
Figmaで日本語フォントを快適に選べる神プラグイン「Japanese Font Picker」の使い方 「Figmaで日本語フォントを効率よく探したい…」そんな方におすすめ!本記事では、Figmaで日本語フォントの選定にお困りの方へ向けて、非常に便利なプラグイン「Japanese Font Picker」をご紹介します。 Japanese Font Pickerとは? 「Japanese Fon […]