Figmaデザイン

はじめに

インポートとエクスポート

• Figmaにおけるエクスポートのガイド
• Figmaへのファイルのインポート
• Sketchファイルのインポート

画像、シェイプ、およびツール

シェイプとツール

• セクションでキャンバスを編成
• Figmaのフレーム
• Figmaデザインの基本的なシェイプツール

画像

• デザインファイルへの画像の追加

テキストとフォント

テキスト

• テキストレイヤーを編集

フォント

• コンピューターのローカルフォントへのアクセス

レイヤーのプロパティと設定

レイアウトツール

• オートレイアウトのプロパティを調べる
• グリッド、列、行を使用したレイアウトグリッドの作成

コンポーネントとスタイル

コンポーネント

• Figmaのコンポーネントについてのガイド

ライブラリ

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

プロトタイプとアニメーション

プロトタイプの構築

• プロトタイプにビデオを追加
• Figmaのプロトタイピングのガイド
• オーバーフロー挙動を使用したプロトタイプのスクロール
• スマートアニメートによる高度なアニメーションの作成

プリセット

• プロトタイプのアクション