【Figma】Figma Slideって何？？

## はじめに
みなさんは、Figma Slideはご存知ですか？？

Figma Slideは、デザイナーとそのチームのために作られた初めてのプレゼンテーションツールだそうです。

https://www.figma.com/ja-jp/slides/

現在（2024/12/17 時点）は、ベータ版で、無料で使えますが、2024/12/10にFigmaから価格改定の情報が公開され、Figma Slideのベータがもう少しで外れるのでは？と期待している方も多いのではないでしょうか？

この記事では、Figma Slideでスライドをたくさん作っている 私がFigma Slideについて紹介しようと思います。

## Figma Slide とは？
Figma Slideは、デザイナーとそのチームのために作られた初めてのプレゼンテーションツールです。

Figma Slideの特徴を紹介しようと思います！

### ◯ Slide view と Grid view を切り替えることができる

Slide viewは、今までのプレゼンテーションツールのようなUIになります。
そのため、Google Slideやkeynoteと同じようにスライドを作成することができます。

Grid viewは、作成したスライドが一覧できるようなUIになります。
そのため、スライドを入れ替えたり、議論できる時に便利です！

|Slide view|Grid view|
|:--:|:--:|
|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/0580be7b-ee6b-7aa1-8f0c-66aff31948b3.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/97a1e2dc-1d98-9d9d-63e4-fc036ad3c337.png)

### ◯ スライドモードとデザインモードに切り替えることができる

Figma Slide では、Slide viewの時にスライドモードとデザインモードを切り替えることができます。

スライドモードでは、テキスト入力、画像配置、図形や表の挿入といった一般的なスライド制作ができます。

デザインモードではオートレイアウトやレイヤーパネルなどの高度な機能を駆使して、ビジュアルを整えることができます。

|スライドモード|デザインモード|
|----|----|
|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/a14ce795-634a-1dac-e45f-62f1b800273e.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/6e3f3038-1ff7-a341-e13a-a0426b91ef71.png)

（スライドモードとデザインモードでは、画面下のパネルと画面右のパネルが変わります。）

### ◯ テンプレートがたくさんあって、作成することができる
Figma Slidesには、さまざまな目的に応じたスライドテンプレートが用意されています。

どれも非常におしゃれなものが多いです！
また各テーマは単一のスライドデザインだけでなく、複数のテンプレートページを含むセットやフォント・色のスタイルも一緒に提供されているため、どのテンプレートも統一感を出しやすく、使いやすいです。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/8c86d535-003b-23a2-f061-5200ad4cf1d2.png)

また、自分でテンプレートを作ったり、作ったテンプレートを公開したりと、デザイナーとして嬉しいことも多いです。


### ◯ インタラクティブなプレゼンテーションにできる

Figma Slide に Live interaction  を入れることができるため、インタラクティブなプレゼンテーションにできます！


|Poll(投票機能)|Stamps(スタンプ機能)|
|:--:|:--:|
|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/24ee29a4-fbe5-0169-5802-285a24e7843a.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/1b608811-3099-36d2-1bb2-5e67a495d325.png)
|**Alignment(スケール機能)**|**Prototype(プロトタイプ機能)**|
![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/78493517-cfd2-2446-8910-28b3498895ae.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/79035b22-86dc-1e82-0085-7cf5928f7f5c.png)|

### ◯ AI ライティング（AI Beta）
スライド内の文章やプレゼンテーション用ノートをAIを使って、自動で調整してくれます。

視覚的に Professional ←→ Casual、Concise ←→ Expanded を指定することができるため、簡単に文章を調整してくれます。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/95ff3179-b6a3-3d35-bae4-10c579de761e.png)


### ◯ Figma Design から Figma Slideを作ることができる

Figma Design で 1920px × 1080px のフレームでデザインを作成していたら、ボタン1つでFigma Slideに移行させることもできます。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/956dc333-525e-7c47-cf43-ca66173dd6a1.png)

### ◯ Notes only と Preview and Notesを切り替えることができる

発表している状態も2つの表示モードを切り替えることができます！

Notes onlyは、Notes だけが読みやすいUIになります。
Preview and Notes は、スライドとNotesが見えるUIになります。

|Notes only|Preview and Notes|
|:--:|:--:|
|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/1a036722-a9ed-74c1-6b87-03782c877e22.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/3154c090-eea4-e44a-d3a3-85424d228aa1.png)|


### ◯ オフラインでも発表ができる
Figmaは基本オンライン状態でアクセスすることが多いですが、
Figma Slideでプレゼンテーションモードになった時に、右上のアイコンをクリックすることで、オフライン状態でもプレゼンテーションできるようになります。

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/73b03ac0-c27c-ef78-da2a-d76ea9d2ca93.png)


## まとめ
この記事では、Figma Slideについてまとめました。

今後も、アップデートがいろいろあると思うので、ぜひこちらの製品サイトで最新状態をチェックしてみてください！

https://www.figma.com/ja-jp/slides/

---

最後まで読んでくださってありがとうございます！

普段はデザインやフロントエンドを中心にQiitaで記事を投稿しているので、ぜひQiitaのフォローとX(Twitter)のフォローをお願いします。

https://twitter.com/degudegu2510