Photoshop「コンポジション参照」の使い方｜画像をもとにAIで画像生成（img to img／ControlNet風） Adobe Photoshopに、AI機能のひとつとして「コンポジション参照」が新たに追加されました。 この「コンポジション参照」機能は、「画像を生成」機能を利用する際に、構図のラフスケッチやポーズ図、線画などをもとに、AIが画像を生成してくれるものです。 「コンポジション […]
Figmaで日本語フォントを快適に選べる神プラグイン「Japanese Font Picker」の使い方 「Figmaで日本語フォントを効率よく探したい…」そんな方におすすめ！本記事では、Figmaで日本語フォントの選定にお困りの方へ向けて、非常に便利なプラグイン「Japanese Font Picker」をご紹介します。 Japanese Font Pickerとは？ 「Japanese Fon […]
【初心者向け】Figmaから画像を書き出す方法 Figmaで作成したデザインを画像として書き出す目的は、大きく分けて次の2つに分類できます： ① デザイン確認・共有用に書き出す場合 等倍（1x）でフレーム全体を書き出せばOK チームメンバーやクライアントとの確認用には、.png や .jpg 形式が一般的 ② Webサイトやアプリで使用する場合 デバイス対応のため、複数のサイズ（1x、2xなど）で […]
Figmaで日本語テキストを縦書きにする方法 Figmaを使っていると、「日本語の縦書きテキストを使いたい」という場面が出てくることがあります。本記事では、Figmaでテキストを縦書きにする方法と、その際の注意点について解説します。 Figmaで縦書きテキストを作成する手順 テキストを選択し、プロパティから縦書きに変更 Figmaでは、テキストの方向を「縦書き」に設定することができます。 「Ver […]
Figmaに画像を入れる4つの方法と、トリミングの操作を整理しました。4096ピクセルを超えると黙って縮小される仕様、Fill・Fit・Crop・Tileの違い、差し替えても設定が残る仕組みまで制作会社の目線で解説します。
はじめに｜Figmaとは？ Figma（フィグマ）は、WebデザインやUI/UXデザインに特化したクラウドベースのデザインツールです。 UI（ユーザーインターフェース）：ユーザーの目に触れる「見た目」の部分 UX（ユーザーエクスペリエンス）：使いやすさや満足感など「体験」の部分 Figmaでは、以下のような用途で幅広く活用されています： Webサイトやアプリのワイヤーフレーム（設計図）の作成 ボタ […]
はじめに Web制作やWebデザインを進めるうえで、ワイヤーフレームを作成できると、クライアントとの方向性を事前にしっかりと共有できるため、その後の作業がスムーズに進みます。 今回は、そんなワイヤーフレーム制作におすすめのツール「Figma」の基本的な使い方をご紹介します！ ワイヤーフレームを作れるツール「Figma」とは？ **Figma（フィグマ）**は、ブラウザ上で使えるデザインツールです。 […]
Figmaでは、Webサイトやアプリ、マーケティング用のメールで使用する言語を変更できます。現在は英語と日本語に対応しています。その他の言語でFigmaを利用したい場合は、Google Chromeの翻訳機能を使って、さらに多くの言語に翻訳することも可能です。 言語設定の変更方法 Figmaでは、以下の3つの方法で使用言語を変更できます。 ① ファイルまたはファイルブラウザから変更す […]
はじめに 先に結論をお伝えします。Figmaにアイコンを入れる方法は、大きく分けて「SVGファイルを読み込む」「プラグインで検索して挿入する」「ライブラリのコンポーネントから挿入する」の3つです。1点だけ使うならSVGの読み込み、たくさんのアイコンを探しながら配置するならプラグイン、チームで同じアイコンを使い回すならコンポーネント化してライブラリから挿入する方法が向いています。 読み込んだアイコン […]
Figma AIとは？特徴・できること・料金・始め方をわかりやすく解説 Figma AIとは、デザインプラットフォーム「Figma」に搭載された、AIによる自動デザイン支援機能です。テキスト入力だけで画面デザインを生成できるほか、ワンクリックでプロトタイプの作成も可能。従来の手作業を大幅に省力化し、誰でも簡単にプロフェッショナルなUI/UX設計ができると注目を集めています。 現在は一般公開前の段階 […]
デザインと発信の力で、お客様の強みや想いを形にし、
成果につながるコンテンツを制作します。
「うちの場合はどうなる？」という段階からでも、どうぞお気軽にご相談ください。
