会員限定デザインファイルの構成を知る

Figmaのデザインファイルについて説明していきます。 ファイルの構成 Figmaのデザインファイルは、ウェブサイトやアプリのデザインを作成・管理す...

会員限定各種ツールの使い方

今回は、Figmaのさまざまなツールの使い方について説明していきます。 ツールバーについて ツールバーは、デザイン作業においてよく使用されるツールが...

会員限定シェイプの配置とスタイル

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

会員限定テキストの配置とスタイル

今回は、テキストレイヤーの作成方法、そのコンテンツの変更、そしてテキストレイヤーのサイズ調整について説明していきます。 テキストの作成 テキストレイ...

会員限定ページとフレーム

今回は、デザインファイルの構造を整理し、効率的に進めるための基盤となるページとフレームについて説明していきます。 ページの概要 ページをは複数作成し...

会員限定オートレイアウト

今回は、ボタンやカードなどの要素を規則的に並べるレイアウトを簡単に作成できる機能のオートレイアウトについて説明します。 要素をオートレイアウト化する ...

会員限定コンポーネント

Figmaのコンポーネント機能は、デザインパーツを効率的に管理・更新できる便利な機能です。ボタンやカードなどのパーツをコンポーネントとして作成しておけば、色やサ...

会員限定書き出し

Figmaでは、作成したデザインを様々な形式で書き出すことができます。書き出し形式としては、PNG、JPEG、SVG、PDFなどが一般的です。 書き出し方...

会員限定共有

Figmaは、複数のユーザーが同時に同じデザインファイルを編集できるリアルタイムコラボレーション機能を提供します。これにより、デザイナー、開発者、クライアントな...

会員限定プロトタイプ

Figmaのプロトタイプ機能を使って、実際の動きに近いデザインをシミュレートすることができます。ここでは、フレーム間の遷移とボタンのホバーアニメーションの作り方...