Figmaの記事を5つの分野から探せます。初めて使う場合は入門ガイドから始めてください。
Figmaの使い方
- Figmaプロトタイプの作り方｜画面遷移・スマートアニメート・共有の確認
- Figmaオートレイアウトの使い方｜Hug・Fill・Fixedとボタン・カードの設定
- Figmaの.figファイルを読み込む方法｜インポート・権限・フォントの確認
- Figmaの使い方まとめ｜初心者の学習順・素材・機能別ガイド
- FigmaをNotion・Webサイトに埋め込む方法｜URL・iframe・表示できない原因
- Figma Sitesの公開方法｜プラン・独自ドメイン・再公開と停止
- Figma SlidesのPowerPoint読み込み・書き出し｜PPTXの崩れと対処
- FigmaのSVG書き出し設定｜文字・id属性・線・余白を用途別に選ぶ
- SketchファイルをFigmaへ読み込む方法｜変換後のスタイル・フォント・ライブラリ
- Figma Dev Modeの使い方｜必要な席・仕様確認・コード・変更比較・注釈
- Adobe XD・IllustratorをFigmaへ移す方法｜対応形式・SVG・画像になる原因
- Figmaで2倍に書き出す方法｜2x・固定幅・ピクセル寸法・DPI
- Figmaの新機能・アップデート履歴【2023〜2026年9月】
- Figma教育プランの申請方法｜学校メール・認証・期限切れの対処
- Figmaのオーバーライドとは｜上書き・リセット・更新時の確認とPlugin API
- Figmaのインスタンス入れ替えの使い方｜アイコン差し替え・上書きの保持
- Figmaの再利用機能の違い｜コンポーネント・スタイル・変数・ライブラリ
- Figmaの基本操作12項目｜初心者が画面を作る順序と確認点
- Figmaのコメントを非表示にする方法｜Shift+C・解決・削除の違い
- PSDをFigmaへ読み込む方法｜psd.to.designの手順と編集可能なレイヤー
- Figmaのローカルバリアブルの使い方｜色・余白・モードを管理する
- Figmaのローカルスタイルの使い方｜作成・適用・更新・解除
- Figmaの拡大縮小｜Kのスケールツール・ズーム・リサイズの違い
- Figmaのサムネイル設定方法｜1920×1080のカバー作成と解除
- Figmaのセクションの使い方｜フレーム・ページとの違いと削除
- Figmaのアセット・コンポーネントの使い方｜配置・上書き・ライブラリ
- Figmaのページの使い方｜追加・複製・移動と3ページ制限
- 8の倍数一覧｜8〜2000の早見表とFigmaの8ポイントグリッド
Figmaテンプレート・素材
- Figmaのボタン素材35種類を無料配布｜見本・.figの入手と編集
- Figmaの見出し素材40種類を無料配布｜見本・.figの入手と編集
- SWELL向けFigmaテンプレートを無料配布｜.figの入手・読み込み・編集
Figmaのトラブル解決
- Figmaの変数モードが切り替わらない原因と確認順｜Auto・親子関係・競合
- Figmaのライブラリ更新が反映されない原因と対処法｜入れ子・上書き・参照先
- Figmaでフォントが欠落する原因と対処法｜インストール済みの場合も確認
- Figmaで文字を編集できない・サイズを変えられないときの確認順
Figma API・プラグイン
- Figma REST APIとPlugin APIの違い｜できること・取得データ・選び方
- Figma for VS Codeの使い方｜公式拡張の導入・Dev Mode・MCPとの違い
- Figmaウィジェット開発入門｜Widget API・共有状態・最小コード
- FigmaプラグインをCommunityに公開する方法｜申請・審査・更新
- Tokens StudioとStyle Dictionaryの連携｜JSONからCSS変数を出力する
- Figma Webhooks V2の使い方｜更新・コメント通知と受信確認
- FigmaのコメントをREST APIで取得・CSV出力する方法
- Figma MCPの設定方法｜リモート・デスクトップの違いと接続確認
- Figma Code Connectの設定方法｜UIとCLIの違い・実装コードの接続
- Figma VariablesをJSONへ書き出す方法｜Export modes・DTCG・APIの違い
- Figma REST APIで画像を一括書き出しする方法｜node ID・倍率・Python保存
- Figmaプラグイン開発の始め方｜TypeScript・manifest・UIとの通信
- Figma APIで空のコンポーネントを検出する方法｜未取得・削除との違い
- Figmaインスタンス名を参照元と比較するプラグイン｜差分確認と一括変更
- Figmaの個人アクセストークンの取得方法｜スコープ・期限・401／403／429の確認
- Figmaの情報をGoogleスプレッドシートに出力する方法｜GAS・REST API・セクション指定
- FigmaのスタイルをCSVに書き出すプラグイン｜色・文字・効果・グリッド
- Figmaインスタンスを一括で入れ替えるプラグイン｜対象登録と差し替え
- FigmaのノードIDでレイヤーを選択するプラグイン｜取得・複数ID・ページ
- Figmaの外部スタイル参照をCSVに出力するプラグイン｜非同期API・混在テキスト対応
- FigmaのコンポーネントをCSVへ一括出力｜ページ走査・分割・中止処理
- Figmaプラグイン開発の注意点｜非同期API・UI通信・フォント・終了処理
- Figmaプラグインのプログレスバー実装｜中止処理とENOENTの対処
- Figmaの選択レイヤーURLを一括取得するプラグイン｜fileKeyとノードID
Figmaのおすすめ書籍
Figmaの作業環境・Studioへの受け渡し
Figmaを使う際のPC・周辺機器や、Studioへの移行で確認する記事です。
- Figmaの周辺機器の選び方｜画面配置・入力操作・接続条件から考える
- Figma用PCの選び方｜買い替え前に確認する性能とファイルの負荷
- Studio・Figma│テキストに背景色を付ける方法｜変更できないときも
- Figma to Studioで階層上限のエラーが出るとき｜小分けに取り込む手順
過去の制作・デザインツールの記事
Figma以外の制作ツールについて掲載した記録です。古い画面・料金・提供条件は掲載時点の情報を含むため、記事内の確認日と注意点を参照してください。
- HugoとGitHub Pagesでポートフォリオを作る手順｜旧Academicテーマとの違い
- Adobe Creative Cloudの解約条件｜手数料・返金を確認する方法
- デザイン本22冊の選び方｜基礎・配色・文字・ロゴ・資料の目的別比較
- Adobeの解約特典を確認した記録｜無料期間と契約条件の注意点
- Adobe CCの購入方法を比較｜学割・通常契約・講座付きの料金と条件
- 【Kindle Unlimited】CGデザイナーにおすすめ！専門書読み放題の電子書籍サービス
- AdobeXD│画像をドラッグ＆ドロップできない問題の解決方法
- 【Wordmark.it】PC内のフォントを比較するサイト「ワードマークイット」
- AdobeXD│UI画面リスト作成に使える！URL活用方法
- Creative Cloud同期済みファイルの提供終了と旧共有機能の記録
- 【Intuos】ペンタブの波紋を一発で消す方法
- Wacom・Intuosの設定をバックアップする方法｜現行Centerと旧画面
- Studio│「Studio Payment Error」の解決方法
- Studio│独自ドメインの設定方法│例 サブドメイン
- Studio│ブレイクポイントごとに要素を表示・非表示にする方法