Figmaを使って、きれいかつ効率的に資料を作成

「資料作成ツールといえばPowerPoint」は今も根強く、多くの企業が利用していると思いますが、デザインツール「Figma」でも比較的簡単に柔軟度の高い資料作成が可能です。
Figmaで作成したデザイン素材を利用することができるので、よりクオリティ高い資料の作成が可能です。
Figmaのデザインを使って、効率的に資料を作成する方法ををご紹介します。

導入手順と注意点

導入手順と注意ポイントを、順序を追って項目別にご紹介します。

①「フォント」と「色」を決める

テンプレートとなるデザインのルールをまとめます。素材をまとめるエリアを作り、まずは基準となる色フォントを決めましょう。

②「色」をローカルスタイルへ設定する

決まった色をローカルスタイル（Local Styles）に入れることで、テンプレートの色を簡易的に選択可能です。
PowerPointではスライドマスターの配色設定というものがありますが、Figmaの方が簡単です。

③パーツを作成する

矢印ど、資料内でよく使うパーツをテンプレートページへまとめましょう。資料によって必要なパーツは様々なので、作ったパーツを蓄積するスペースを設けておくとよいでしょう。

④フレームサイズを設定

用途によってフレームサイズを変更しましょう。印刷物の場合A4の比率に対応する必要がありますし、PC上で利用する場合は16:9になるようなサイズで作成します。

⑤余白を設定

パワーポイントでいう、ガイドの役割です。レイアウトグリッド（Layout Grid）でお好みの外部余白を設定しましょう。画像の場合は1600×900pxのフレーム対し四隅に80pxの余白を設けています。

⑥主要となるページのデザインを作る

表紙、もくじ、中表紙、最終ページなど利用頻度の高い主要ページは事前にテンプレートとして作成しマスタとして取っておきましょう。

⑦主要パーツをコンポーネント化する

同じ要素で配置されるものは、コンポーネントにし管理することで一括で管理することができます。

Figmaで資料作成する5つのメリット

いかがでしたでしょうか。資料作成には他にもさまざまなツールを併用する方法もありますが、 ひとつのツールで完結できることは何よりの効率化だと思います。



Figmaで資料作成するメリットには以下が挙げられます。

また、デメリットとしては、単一ファイルでのPDF書き出しが不可な事が挙げられます。 そこで、以下の記事でFigmaで制作した資料をPDFで書き出して結合するためのツールを紹介しています。