デザイン制作ガイド #1 デザインツールの選定

デザイン制作ガイド #1 デザインツールの選定

主要な UI / UXデザインツールを表にまとめました。

当社では現在、Figma / Adobe XD / Illustrator * でのデザインデータ支給に対応しています。また、Sketch / Penpot でのハンドオフをご希望の方もご相談ください。
新たな UI / UXデザインツールの導入 / 移行をご検討の方には Figma をお勧めしています。

UI/UXデザインツールFigmaSketchPenpot (SaaS版)Adobe XD
特徴新たな業界標準へ先駆者の蓄積OSSでセルフホスト可❌ 開発販売終了
プラットフォームブラウザmacOSブラウザWindows / macOS
無料プランスタータープラン❌ なし (トライアル有)Professionalプランスタータープラン
日本語対応対応対応❌ 一部未対応対応

Adobe XD は2023年1月から「メンテナンスモード」となっており、新規の開発と個別販売を終了しています。「メンテナンスモード」期間はバグやセキュリティに対するサポートは継続されますが、その終了時期は明らかになっていません。
また、Adobe 社は2023年12月、計画していた Sketch の買収を断念しており、UI / UXデザイン市場に対する方針も不明です(買収断念以降も、広報担当者からXDに投資の計画はないとのコメントあり)。以前存在した Adobe CC Extract のようなサービスを再開してくれるとよいのですが。

現在 Adobe XD を使用されている方は、「メンテナンスモード」期間中に、移行先ツールを検討する必要があります。

Penpot はオープンソースということで興味深いです。SaaS版は、WordPress における WordPress.com のようなサービスと思われます。
Sketch も以前は買い切りでしたが、主要なツールはサブスクになってしまいました。OSS である Penpot を自社サーバーにデプロイすれば、無償で自由に使用できます。今後の発展に注目です。

* 制作前に illustrator 環境設定 (PDF) をご確認ください