Published: May 8, 2025
3
189
1.7k

今回のFigma大型アップデートを解説します✍️ ✨️ とりあえずこれだけ見ておけばOK!! #Config2025 ◎新しく発表された機能 - Figma Sites(サイトビルダー) - Figma Draw(お絵かき) - グリッド機能(レスポンシブ強化) - Figma Make(v0的なもの) - Figma Buzz(Canvaみたいなもの) 👇️続

Image in tweet by もち | デザイナー・CDO・起業家

1️⃣ Figma Sites Figma上でつくったデザインをWebサイトとして公開できる新機能が登場!StudioやFramerのようにサイトが構築できる。シンプルなLP程度であれば対応できそう。CMS機能も今後出るらしいので、実案件で使える日も近そう🫢💡 無料プランでは使えないので注意。

FigmaSitesの使い心地・機能について UIはほぼFramerと同じ。Framer使ってる人ならすんなり分かる。現時点ではFramerやStudioのほうが機能が充実してるので、実務で使うならFramerかStudio。

Image in tweet by もち | デザイナー・CDO・起業家

レスポンシブ対応は良さそう! ちなみにブレイクポイントごとにテキストの改行位置を変えることもできた✌

テンプレートが豊富! すでにFigmaコミュニティにFigmaSites用のテンプレートが「32個」公開されている。さすがにどれもデザインのクオリティが高い。ただ日本語のテンプレートはないみたい。今は全部無料で使える、今後は有料テンプレートも出てくると思われ💡

Image in tweet by もち | デザイナー・CDO・起業家

2️⃣ Figma Draw Figmaデザインの中で使えるグラフィック機能✍️ - ブラシで線がひける - ブラシの種類も色々ある - 線の揺れ具合とかを調整することもできる - パスに沿って文字入れ可能に(動画2) - 放射状・線形リピートが可能に(動画3) - 任意の点で線の太さを変えられる(近日公開)

Image in tweet by もち | デザイナー・CDO・起業家

3️⃣ オートレイアウトに「グリッド機能」追加 オートレイアウトにグリッド機能が追加されました。 4×4などのグリッドを設定し、そのマス目に沿って要素を配置できるようになり、レスポンシブ対応の柔軟性が向上。正直「ようやく来たか…!」という気持ちになるほど、必須級のアップデートです👏

Gridの詳細は公式のプレイグラウンドを触ってみると分かりやすいと思います! ▼Gridのプレイグラウンド https://www.figma.com/communit...

4️⃣ Figma Make Figma Makeは、AIを使ってコードを書けるツール。 アイデアやFigma上のデザインをもとに、動くプロトタイプやWebアプリ、インタラクティブなUIを作ることができるらしい。チャット形式でやりとりしながら、アイデアを形にしたり、改善したりできるとのこと💡

今後数週間のうちに、すべての有料プランのユーザー向けに展開される予定とのことだけど、ワイのとこにはまだ来てない🥲 👇️Figma Makeの詳細はこちら https://www.figma.com/make/ https://help.figma.com/hc/en-u...

Figma MakeでつくられたWebアプリがいくつか公開されています! Cute Calendar https://slept-blend-author.fig... Conference Logo Asset Library http://plaque-surf-oasis.figma... 3D Fantasy Game https://treat-patent-pro.figma... World Coffee Map https://quartz-step-acre.figma... 全部すごい…🙀 https://x.com/makiko_sakamoto/...

Image in tweet by もち | デザイナー・CDO・起業家
Image in tweet by もち | デザイナー・CDO・起業家
Image in tweet by もち | デザイナー・CDO・起業家
Image in tweet by もち | デザイナー・CDO・起業家

5️⃣ Figma Buzz Canvaみたいにテンプレートからクリエイティブ作成ができるツール。FigmaでつくったデザインをBuzzのテンプレ化することも可能。レイヤーロックができるので、デザイナー以外の人が触っても、レイアウトを崩さずに文字だけ変えたり、画像を変えたりできる。

Image in tweet by もち | デザイナー・CDO・起業家

大量生成も可能! csvかExcelデータをインポートすることで複数のアセットを一度に作成することが可能。 👇️一括作成の詳細はこちら https://help.figma.com/hc/en-u...

Image in tweet by もち | デザイナー・CDO・起業家
Image in tweet by もち | デザイナー・CDO・起業家

Figma Buzzの詳細はこちら https://www.figma.com/ja-jp/bu...

6️⃣ おまけ 自分的に地味に楽しいアップデートは「エフェクト」 ノイズ加工がデフォルト機能で可能に! いつもプラグインを使っていれてたけど、デフォルト機能でできるのは効率的で嬉しい〜🌟 ぼかし機能も「プログレッシブ」が追加されていて、ぼかし具合をグラデーションできるようになったよ!

Image in tweet by もち | デザイナー・CDO・起業家

解説は以上! 気になるものから触ってみてね🥳💛

Share this thread

Read on Twitter

View original thread

Navigate thread

1/16