基本操作と画面構成
- Figmaのインターフェース(レイヤーパネル、プロパティパネル、ツールバーなど)
- 新規ファイルの作成と保存
- ファイルやプロジェクトの管理方法(ファイルの複製、アーカイブ)
デザインツールの基本
- フレーム(アートボード)の作成とサイズ変更
- シェイプツールの使い方(矩形、円、線など)
- テキストの追加と編集
- ペンツールで自由な形を描く
レイヤーとグループ
- レイヤーの構成と階層の管理
- グループ化と解除(複数オブジェクトの一括操作)
- レイヤーのロックと非表示
配色とスタイル
- 塗りつぶしと境界線の設定
- グラデーションと不透明度の調整
- カラーをスタイルとして保存する方法
- テキストスタイルの設定(フォント、サイズ、色など)
コンポーネントの基本
- コンポーネントの作成と使い方
- コンポーネントのインスタンス(コピー)の編集
- コンポーネントの更新と同期
プロトタイプ機能
- プロトタイプモードの使い方
- 画面遷移の設定(リンクやアニメーション)
- インタラクションとアニメーションの基本設定(オンクリック、ホバーなど)
Auto Layout(オートレイアウト)の活用
- オートレイアウトの適用と調整
- ボタンやリストの自動リサイズ設定
- レスポンシブデザインの基本操作
エクスポートと共有
- デザインのエクスポート(PNG、JPG、SVGなど)
- 共有リンクの作成とアクセス権の設定
- ファイルにコメントを追加してフィードバックを得る
コラボレーションと共同編集
- 他のユーザーとのリアルタイム共同編集
- コメント機能の活用(レビューやフィードバック)
- バージョン履歴の確認と復元
プラグインの活用
- プラグインのインストールと管理
- 便利なプラグインの例(アイコンや画像素材の追加、自動レイアウト調整)
便利なTips
- ショートカットキーの基本操作(コピー、ペースト、ズームなど)
- スマートガイドを活用したオブジェクトの整列
- デザインライブラリの使い方(複数プロジェクトでのコンポーネント共有)
author
Copyright © TORIDE CODE.TECHNOLOGY(2025)