基本操作と画面構成

  • Figmaのインターフェース(レイヤーパネル、プロパティパネル、ツールバーなど)
  • 新規ファイルの作成と保存
  • ファイルやプロジェクトの管理方法(ファイルの複製、アーカイブ)

デザインツールの基本

  • フレーム(アートボード)の作成とサイズ変更
  • シェイプツールの使い方(矩形、円、線など)
  • テキストの追加と編集
  • ペンツールで自由な形を描く

レイヤーとグループ

  • レイヤーの構成と階層の管理
  • グループ化と解除(複数オブジェクトの一括操作)
  • レイヤーのロックと非表示

配色とスタイル

  • 塗りつぶしと境界線の設定
  • グラデーションと不透明度の調整
  • カラーをスタイルとして保存する方法
  • テキストスタイルの設定(フォント、サイズ、色など)

コンポーネントの基本

  • コンポーネントの作成と使い方
  • コンポーネントのインスタンス(コピー)の編集
  • コンポーネントの更新と同期

プロトタイプ機能

  • プロトタイプモードの使い方
  • 画面遷移の設定(リンクやアニメーション)
  • インタラクションとアニメーションの基本設定(オンクリック、ホバーなど)

Auto Layout(オートレイアウト)の活用

  • オートレイアウトの適用と調整
  • ボタンやリストの自動リサイズ設定
  • レスポンシブデザインの基本操作

エクスポートと共有

  • デザインのエクスポート(PNG、JPG、SVGなど)
  • 共有リンクの作成とアクセス権の設定
  • ファイルにコメントを追加してフィードバックを得る

コラボレーションと共同編集

  • 他のユーザーとのリアルタイム共同編集
  • コメント機能の活用(レビューやフィードバック)
  • バージョン履歴の確認と復元

プラグインの活用

  • プラグインのインストールと管理
  • 便利なプラグインの例(アイコンや画像素材の追加、自動レイアウト調整)

便利なTips

  • ショートカットキーの基本操作(コピー、ペースト、ズームなど)
  • スマートガイドを活用したオブジェクトの整列
  • デザインライブラリの使い方(複数プロジェクトでのコンポーネント共有)

Copyright © TORIDE CODE.TECHNOLOGY(2025)