Figma Learn
  • はじめに
    • Figmaデザイン
      • FigJam
        • 管理
          サインアップ
          サインアップ

          Figmaデザインの基礎知識

          • インターフェースツアー
          • ツール、シェイプ、レイヤー
          • スタイル設定用エレメント
          • コンポーネント
          • バリアブル
          • ライブラリ
          • プロトタイプ
          • 開発モード
          • インポートとエクスポート
          • ファイルユーティリティ
          • インターフェースツアー

            • 右サイドバーで、デザイン、プロトタイプの作成、レイヤープロパティの確認を行う
          • ツール、シェイプ、レイヤー

            レイヤーの作成

            • Figmaのフレーム
            • Figmaデザインの基本的なシェイプツール
            • デザインファイルへの画像の追加
            • マスク

            レイヤーの操作

            • セクションでキャンバスを編成
            • グリッド、列、行を使用したレイアウトグリッドの作成

            オートレイアウトの使用

            • オートレイアウトのプロパティを調べる
            • オートレイアウトの使用
          • スタイル設定用エレメント

            テキストとフォント

            • コンピューターのローカルフォントへのアクセス
            • フォントの検索と適用
            • テキストへのリンクの追加
            • 箇条書きリストと番号付きリスト
          • コンポーネント

            • Figmaのコンポーネントについてのガイド
            • バリアントの作成と使用
            • バリアント付きのインタラクティブコンポーネントを作成
            • コンポーネントのプロパティを調べる
          • バリアブル

            • Figmaでのバリアブルに関するガイド
            • バリアブル、コレクション、モードの概要
            • バリアブルの作成と管理
            • バリアブルモード
            • バリアブルをデザインに適用する
          • ライブラリ

            ライブラリの共有と管理

            • 公開済みコンポーネントの移動

            ライブラリの使用

            • コンポーネントインスタンスの作成と挿入
          • プロトタイプ

            ガイド

            • Figmaのプロトタイピングのガイド
            • プロトタイプの状態管理
            • プロトタイプに動画を追加
            • プロトタイプのアクション

            プロトタイプ作成

            • プロトタイプデバイスと開始点の設定
            • プロトタイプのスクロールおよびオーバーフロー挙動

            高度なプロトタイピング

            • スマートアニメートによる高度なアニメーションの作成
            • プロトタイプのバリアブルモード
            • 複数のアクションおよび条件付きアクション
            • プロトタイプで式を使用する
            • プロトタイプでバリアブルを使用する
          • 開発モード

            概要

            • 開発モードのガイド
            • VS Code連携

            デザインのインスペクト

            • 開発モードでのデザインのナビゲーション
            • 開発モードでのコードスニペットの利用
            • 開発モードでの変更内容の比較
            • 開発モードでレイヤーに開発リソースをリンクする
          • インポートとエクスポート

            • Figmaへのファイルのインポート
            • Sketchファイルのインポート
            • Figmaからのエクスポート
            • エクスポート形式および設定
          • ファイルユーティリティ

            • ショートカットとクイックアクションの使用
          • Twitter
          • YouTube
          • Instagram
          • Facebook
          ユースケース
          • UIデザイン
          • UXデザイン
          • プロトタイプ作成
          • グラフィックデザイン
          • ワイヤーフレーム作成
          • ブレインストーミング
          • テンプレート
          • リモートデザイン
          詳細
          • デザイン機能
          • プロトタイプ作成機能
          • デザインシステム機能
          • コラボレーション機能
          • FigJam
          • 価格
          • エンタープライズ
          • 学生および教育関係者
          • 顧客
          • セキュリティ
          • 統合
          • お問い合わせ
          リソース
          • ブログ
          • ベストプラクティス
          • サポート
          • 開発者
          • デザインを学ぶ
          • ダウンロード
          • 最新情報
          • リリース
          • 採用情報
          • Figmaについて
          • エージェンシーパートナー
          • 個人情報保護
          • ステータス
          比較
          • Sketch
          • Adobe XD
          • Invision Studio
          • Framer
          • Windowsでのデザイン
          • Miro