デザインファイルの構成を知る

Figmaのデザインファイルについて説明していきます。 ファイルの構成 Figmaのデザインファイルは、ウェブサイトやアプリのデザインを作成・管理するためのものです。以下に主な要素を紹介します。 ツールバー ツールバ...

各種ツールの使い方

今回は、Figmaのさまざまなツールの使い方について説明していきます。 ツールバーについて ツールバーは、デザイン作業においてよく使用されるツールが並んでいます。例えば、選択ツール、ペンツール、テキストツールなどがツールバーに配置...

シェイプの配置とスタイル

今回は、シェイプツールの使い方とスタイルの変更について説明していきます。 シェイプの作成 シェイプツールを選択長方形の横のドロップダウンをクリックすると各シェイプツールが表示されるので、作成したいシェイプツールを選びます。...

テキストの配置とスタイル

今回は、テキストレイヤーの作成方法、そのコンテンツの変更、そしてテキストレイヤーのサイズ調整について説明していきます。 テキストの作成 テキストレイヤーを新たに作成する場合、2つの方法があります。どちらの方法で作成するかによっ...

ページとフレーム

今回は、デザインファイルの構造を整理し、効率的に進めるための基盤となるページとフレームについて説明していきます。 ページの概要 ページをは複数作成し、異なるページごとに整理できます。例えば、ウェブサイトにはホームページ、アバウ...