話題のUIデザインツールFigmaは導入すべき!? Figmaが注目される3つのポイント

2023.03.07
  • ネットトレンド
  • Web技術

こんにちは。シナップ大川です。
今回はシナップの活動報告も兼ねた小冊子『SINAP Journal 2023 Winter』に掲載した「話題のUIデザインツールFigmaは導入すべき!? Figmaが注目される3つのポイント」の記事をご紹介します。

Figmaはその利便性の高さから、近年急速に普及しているUIデザインツールです。昨年9月にはデザインツール最大手であり、Adobe XDというUIデザインツールを提供するAdobe社がFigma社を約200億米ドルで買収することに合意し話題になりました。
そんな話題のデザインツールFigma、みなさんの中にはFigmaへの移行を検討されている方もいらっしゃるでしょう。

そこで今回はFigmaがなぜこれほどまでに流行るのか、注目されているポイントを3つご紹介します。

ブラウザ上で共同編集ができる

画面イメージ ブラウザ上で共同編集ができる

Adobe XDと大きく違う点に、Figmaはブラウザ上で共同編集ができるという点が挙げられます。
このため、デザイナー以外のメンバーでも気軽に確認や編集が可能となり、従来よりもより柔軟なコラボレーションが可能となります。
近年UIデザインはデザイナーだけでなく、さまざまなメンバーが参加するため、これは大変便利なポイントです。

しかも軽快に動作する

画面イメージ 軽快に動作する

驚くことにFigmaはブラウザ上での編集でも専用のアプリケーションのように軽快に動作します。それはいちいちアプリケーションを立ち上げるのがめんどくさくなるほどです。
従来、デザインデータが大きくなると動作が重くなるのが常ですが、Figmaは軽快に動作するため、利用者にとって、大幅なストレスの軽減になります。

オートレイアウト機能で変更に強いデザイン制作

画面イメージ オートレイアウト機能

オートレイアウトは、簡単に説明すると、テキストやボタンが増えたり、減ったりした際、従来であれば手動でその位置を調整しなければならなかったものが、まるでWebサイトのように、自動的にレイアウトが変更される機能です。
オートレイアウトで作成しておけば、デザインの変更に強いデザインファイルが作れ、効率的なデザイン作成が可能となります。

Figmaでのデザイン制作もシナップに!

いかがだったでしょうか。
シナップではFigmaによるUIデザインはもちろん、Adobe XDやSketchで作られたデザインデータのFigma化、Figmaによる効率的なデザインシステム構築などのお手伝いもしています。
Figma導入をご検討されている方がいらっしゃいましたら、ぜひご相談ください。

この記事をシェアする
大川 貴裕
大川 貴裕
Webサイトをはじめ、企業のブランドデザイン、CI/VI開発、グラフィックデザインなど幅広い分野で活躍している。国際的なデザインコンペティションほか受賞多数。近年はWebデザイン専門学校などでUXデザインの講師も行う。

関連記事

人気記事

「microCMS」導入を徹底解説!メリット・デメリット、料金体系、適切なプランの選び方、最後に相談できる会社の見つけ方まで!

2024/05/22
  • Web技術

KJ法とFigma(Figjam)を活用したZoomミーティングでの意見整理テクニック

2024/05/15
  • その他

恋愛マンガシチュエーションで面白く学ぶ Webガバナンスが必要なシグナル

2024/04/10
  • その他

企業のWeb戦略成功への鍵 Webガバナンスの重要性

2024/03/13
  • その他

『SINAP Journal 2024 Winter』PDF版をアップしました!

2024/02/20
  • シナップについて

自己成長を加速させるシナップの新人研修

2023/12/12
  • シナップについて
  • 採用

注目の国産ヘッドレスCMS「microCMS」

2023/11/14
  • Web技術

Webサービスを成功に導くシナップのUXリサーチ

2023/10/04
  • UXデザイン

リアルとリモートを上手に使った、柔軟なコミュニケーション

2023/09/12
  • シナップについて

ABテスト運用でよくある6つのお悩みと解決策

2022/03/15
  • グロース

成長するサービスを支えスケールを可能にするデザインシステムとは

2021/10/12
  • UXデザイン

次世代アナリティクス「Googleアナリティクス4(GA4)」の主な特徴と今後について

2021/09/14
  • グロース