Figmaメソッドは、Figmaの使い方、トラブル解決、テンプレート、API・プラグイン開発を扱う技術サイトです。操作の目的から記事を選び、設定条件や制約を確認しながら制作に使えるようにまとめています。
初めてFigmaを使うときの学習順
使い方の入門ガイドから、ファイルとレイヤー、フレーム、文字・色、コンポーネントの順に確認できます。部品のサイズと間隔を調整するときはオートレイアウト、画面の遷移を確認するときはプロトタイプへ進んでください。
目的別の5カテゴリー
- Figmaの使い方：基本操作、再利用する部品、書き出し、デザインの受け渡し。
- Figmaテンプレート・素材：ボタン、見出し、SWELL向けの.figファイル。
- Figmaのトラブル解決：文字編集、ライブラリ更新、変数モードなどの確認順。
- Figma API・プラグイン：認証、REST API、Plugin API、自作コードとデータ出力。
- Figmaのおすすめ書籍：学習目的と出版社の目次から本を比較。
無料の.fig素材を使う
ボタン素材35種類、見出し素材40種類、SWELL向けテンプレートを無料で配布しています。ファイルの入手先と内容は各素材ページ、読み込み手順は.figファイルのインポートガイドを参照してください。
コンポーネントは、ボタンやカードなどの構造を再利用するための部品です。文字や色を調整して使う場合は、コンポーネント・スタイル・変数・ライブラリの違いも確認できます。素材ごとの利用条件は配布ページで確認してください。無料で入手できることだけで、再配布などの条件が同じになるとは限りません。
記事の情報と検証条件
技術仕様はFigmaなどの公式資料を参照しています。実際に操作を確認した内容、ローカルで確認したコード、公式資料に基づく説明は記事内で区別しています。プラン・席・権限・利用環境によって使える機能は異なり、古い掲載画面は現在のUIと違う場合があります。
記事を一覧から探す場合はサイトマップ、新しく公開した記事は新着記事をご覧ください。
運営・お問い合わせ
運営はMOTOKI合同会社です。特定商取引法に基づく表記と、運営会社の情報を公開しています。サイトに関するお問い合わせはinfo@motoki-design.co.jpへお送りください。