話題のFigma AIより、独自機能盛りだくさんのスライドツール「Figma Slides」が画期的すぎる件。

# 読み飛ばしてください
おはようございます、しなもんです。

UI設計だけでなく、プロダクト開発の中心となりつつあるデザインツール「Figma」。

今回の「Config 2024」にて、そのFigmaになんと「**プレゼンスライドを作るツール**」が実装されることが分かりました。その名も「**Figma Slides**」。

Config 2024についてとその他の発表内容についてはこちらの記事でまとめています。

https://qiita.com/CinnamonSea2073/items/ede31bef952472d888b1

Figmaが今回の目玉として挙げたものには生成AIツールである「Figma AI」も含まれ、話題になりつつあるのですが
**どうやらそれと同時期に実装されるFigma Slidesが面白そう。**
と個人的に気になったのでまとめてみました。

![Config 2024_ Figma product launch keynote 54-52 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/da1ce3cd-e84b-09ee-dbb7-05dcfe751ec2.png)
（これはスライド機能無き旧時代にプロトタイプ機能を使ってFigmaでプレゼンをしていたデザイナーたちの図。会場でも同じことをやった方が多く挙手をして頷いていました。よかったね、もうこんなことしなくても良くなるよ。）

:::note info
この記事の講演画像は全てこちらのライブ配信からの引用です。
https://youtu.be/n5gJgkO2Dg0
:::

# どんな感じ？

![Config 2024_ Figma product launch keynote 56-15 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/5d9b4b74-2782-c2c0-18e5-f6e88b7ac554.png)

Figma Slidesの見た目はこんな感じです。従来のFigmaとあまりかけ離れない印象。
**だからこそ、シンプルで慣れ親しんだツールでスライドを作成することができます。**
（当然個人差はあると思いますが）

# Googleスライドやパワポと何が違うんだい

面白いと思った理由が、**Figmaらしさをふんだんに感じる機能設計。**
どれも非常に魅力的です。

それぞれ詳しく見ていきます。

## 元がデザインツールだからこそ、勝手に見た目を良くしてくれる

本当に細かい機能ではありますが。

![Config 2024_ Figma product launch keynote 56-25 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/ce188637-3746-4c99-39bb-9b1dc7853fb4.png)

**背景色を変えると自動で文字の色もそれに同期して変わります**。便利。

## Figmaの特徴の一つ「無限キャンパス」が生かされている

Figmaのデザインツールの特徴として、縦横無尽に広がるキャンパスがあげられます。
この特徴はFigma Slidesにも引き継がれています。

![Config 2024_ Figma product launch keynote 56-48 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/9bfdd15a-c997-bd7b-e9ee-bcafc8e998e4.png)

鳥瞰図でセクションごとに整理することができます。便利。

## もちろんFigma AIも使える

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/3257952a-3d7d-79d6-e1d2-4eed05950b4d.png)

**文章のトーンを視覚的に変えることができます**。（中身はOpenAIなんですけどね。）
ただそのおかげで、おそらく日本語でも動作すると思われます。

:::note info
追記 **使えました。日本語。**

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/25fefc93-586a-75a0-75ea-7b6117aa7b54.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/8febce5e-7d5d-2b0e-9de2-f9a2228c19ec.png)


ただ、なぜか勝手に英語になっちゃうバグもあります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/665661c4-f07e-affd-7d99-320993f897e8.png)

ベータ版だからしょうがないね。
フィードバックしておきます。

:::

## オートレイアウトで見た目をいい感じに調整できる

Figmaの機能の一つである「**オートレイアウト**」をFigma Slidesでも使えます。
オートレイアウトは、余白やレイアウトの配置を指定するだけで、自動で配置やサイズの調整を行ってくれる機能です。
見た目がいい感じになります。（語彙力）

## Figmaのベクターツールが使える

（特に記述することも無いですが）ベクターツールが使えます。

## 操作可能なプロトタイプをスライドに仕込める（！？）

**優勝です。ありがとうございました。**

デザイナーはプレゼン資料にプロトタイプの動作を示す際、いちいちその画面を録画し、操作し、プレゼン資料に動画として配置する必要がありました。
**そんな時代は終わりました。**

**プロトタイピングのリンクをコピーして貼り付けると、操作可能なプロトタイプ画面がそのまま埋め込まれます。**

![Config 2024_ Figma product launch keynote 1-2-11 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/67531cd1-9aaf-b980-363a-f1d7b6a7b655.png)

**勝手に操作してくれる謎機能もあります**。

![Config 2024_ Figma product launch keynote 1-2-22 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/9c152fd3-1cd3-1084-8ab3-ffce0be5c302.png)

手を放していても勝手に画面を操作し、プロトタイプを紹介しています。

リモコン操作で発表している場合の操作は少し不安かなと思いましたが、**勝手に操作してくれるならこちらは説明に集中することができます。**

なにこの謎技術。

## ライブ投票機能がある

![Config 2024_ Figma product launch keynote 1-3-6 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/a9765181-828e-daa4-4fb5-31f8c7886a3c.png)

素敵な投票機能も付いています。

面白いと思ったのはこれ。

![Config 2024_ Figma product launch keynote 1-3-26 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/055ac3c3-bf77-2daf-559f-446f643ed0c2.png)

同意する具合をバーで見ることができます。

## 「テーマ感」が無い、おしゃれすぎるテンプレが使える

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/5b66ccb3-589b-4e9d-edf3-8a377547dc2e.png)

いままでのプレゼンツールって、テンプレがいかにも「テーマ」っぽかった気がします。
**Figmaはデザイナーが作ったテンプレが使えるようです。**

（ただ、個人的にはあまりにもデザインが独特すぎて汎用性はちょっと...とは思います。シリコンバレー的なデザイン感。AppleのKeynoteを思い出しました。）

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/e953bf9a-1ac7-6c78-fa57-79bfaaaaa641.png)

テンプレが**プレゼンの流れがある前提で構成されている点はかなり好印象**。
話す順番が明確になり、資料を作りやすくなり気がします。

ただし、ずっと無料ではないとのこと。
2024年中はベータ版として無料で使うことができますが、**2025年からはプランごとに異なる価格設定が適用されます。**

# 面白そうなのは分かったけど、そもそもちゃんと使えるの？

今回のConfigの発表ではまさに、Figma Slidesが使われているそうです。

![Config 2024_ Figma product launch keynote 4-8 screenshot.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/98105623-6bb9-1fff-b2d9-e00b19eaa537.png)

# 実はもう使えます
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1927831/0757b333-ff2c-30f8-847a-92b2bbc55e71.png)

気になったそこのあなたは**今すぐベータ版をダウンロードしてきてください。**
**なんともう使えます。**

ベータ版デスクトップアプリはこちらからDLできます。
Windows、Macどちらもあります。

https://help.figma.com/hc/en-us/articles/5601429983767-Guide-to-the-Figma-desktop-app#Download_the_beta_version

ただし画像にもある通り、無料で使える期間は2024年中で、それ以降はどうなるか分からないです。

# 所感

**Figmaの要素がふんだんに盛り込まれた、かなり良いツールだと思います**。

が、使ってみると正直まだまだ粗が目立つ印象です。

例えば、Figmaを構成する大きな特徴としてコンポーネント式のオブジェクト構造が挙げられますが、Figma Slidesには存在しません。
ということは、デザインツールのノリでアセットを持ってくることはできないということです。

Figma Slidesが今後どうなるかはベータ版次第ではありますが、
既存のスライドツールと違い画期的な特徴が多く、今後に期待できるツールだと思います。

***

さて、私はもうちょっとベータ版で遊んでくるので、この辺で失礼します。
それでは。