Figmaを使って、文字を縦書きにする方法をまとめてみた!
Figmaで日本語テキストを縦書きにする方法 Figmaを使っていると、「日本語の縦書きテキストを使いたい」という場面が出てくることがあります。本記事では、Figmaでテキストを縦書きにする方法と、その際の注意点について解説します。 Figmaで縦書きテキストを作成する手順 テキストを選択し、プロパティから縦書きに変更 Figmaでは、テキストの方向を「縦書き」に設定することができます。 「Ver […]
Figmaで日本語テキストを縦書きにする方法 Figmaを使っていると、「日本語の縦書きテキストを使いたい」という場面が出てくることがあります。本記事では、Figmaでテキストを縦書きにする方法と、その際の注意点について解説します。 Figmaで縦書きテキストを作成する手順 テキストを選択し、プロパティから縦書きに変更 Figmaでは、テキストの方向を「縦書き」に設定することができます。 「Ver […]
Figmaで画像を挿入する方法 Figmaで画像を挿入してみましょう。今回は、長方形シェイプと円シェイプに画像を配置し、Figmaでの画像操作の基本を学びます。 1. Figmaデザインに画像を挿入する基本方法 Figmaに画像を挿入するには、目的に応じて方法を使い分けることが大切です。大きく分けて以下の2パターンがあります。 A)画像を原寸サイズで挿入する 「とりあえず画像をキャンバスに置きたい […]
はじめに|Figmaとは? Figma(フィグマ)は、WebデザインやUI/UXデザインに特化したクラウドベースのデザインツールです。 UI(ユーザーインターフェース):ユーザーの目に触れる「見た目」の部分 UX(ユーザーエクスペリエンス):使いやすさや満足感など「体験」の部分 Figmaでは、以下のような用途で幅広く活用されています: Webサイトやアプリのワイヤーフレーム(設計図)の作成 ボタ […]
はじめに Web制作やWebデザインを進めるうえで、ワイヤーフレームを作成できると、クライアントとの方向性を事前にしっかりと共有できるため、その後の作業がスムーズに進みます。 今回は、そんなワイヤーフレーム制作におすすめのツール「Figma」の基本的な使い方をご紹介します! ワイヤーフレームを作れるツール「Figma」とは? **Figma(フィグマ)**は、ブラウザ上で使えるデザインツールです。 […]
Figmaでは、Webサイトやアプリ、マーケティング用のメールで使用する言語を変更できます。現在は英語と日本語に対応しています。その他の言語でFigmaを利用したい場合は、Google Chromeの翻訳機能を使って、さらに多くの言語に翻訳することも可能です。 言語設定の変更方法 Figmaでは、以下の3つの方法で使用言語を変更できます。 ① ファイルまたはファイルブラウザから変更す […]
はじめに UI/UXデザインにおいてアイコンは、視覚的な伝達力を高める重要な要素です。しかし、「Figmaでどうやってアイコンを追加するの?」「商用利用は大丈夫?」といった疑問を持つ方も少なくありません。 本記事では、Figmaで商用利用可能なアイコンを追加する方法と、利用する際のポイントについてわかりやすく解説します。 Figmaでアイコンを使用するメリット ■ ベクター形式で自由に編集可能 F […]
Figma AIとは?特徴・できること・料金・始め方をわかりやすく解説 Figma AIとは、デザインプラットフォーム「Figma」に搭載された、AIによる自動デザイン支援機能です。テキスト入力だけで画面デザインを生成できるほか、ワンクリックでプロトタイプの作成も可能。従来の手作業を大幅に省力化し、誰でも簡単にプロフェッショナルなUI/UX設計ができると注目を集めています。 現在は一般公開前の段階 […]
はじめに Figma(フィグマ)は、クラウドベースで利用できるデザインツールで、デザイン初心者からプロフェッショナルまで幅広い層に支持されています。Webデザインの学習中の方や、これから始めてみようと考えている方の中には、「Figmaも触ってみたい!」という方も多いのではないでしょうか。 そこで本記事では、Figma未経験の方やデザインツール初心者でも安心して始められるように、基本操作を丁寧にご紹 […]
はじめに 2000年代には、Adobeがデザインツール市場をリードしてきました。しかし2010年代に入ると、多くの新しいツールが登場し、それぞれが急速に進化を遂げてきました。現在では、デザインツールはより使いやすくなり、多くの人にとって身近な存在になりつつあります。 中でも注目を集めているのが Figma(フィグマ) です。Figmaは、世界中のデザイン関係者約3,000人を対象に行われた「202 […]