Figmaが目指すデザインのあり方

2020年2月6日 14:29

2020年1月に行われた Design Matters Tokyo のセッションでデザインの変化について、Figmaの発表を聞いたのでまとめます。
時代とともにデザインがどう変化してきたのか、とても分かりやすく解説されていたので共有したいと思います。

Figma社の Yuhki Yamashita さん

デザインの大きな3つの変化

今まではデザインは基本デザイナーが取り組むものとして扱われていましたが、インターネットや技術の発展とともにデザインの取り組み方は大きく変化してきました。
具体的には以下の3つの変化があります。

1. 「ピクセル作業」から「アイデアを動かす」へ
2. 「完成品」から「永遠の未完成」へ
3. 「デザイナーのもの」から「みんなのもの」へ

ひとつずつご紹介します。

1. 「ピクセルの作業」から「アイデアを動かす」へ

1つ目の変化は、ピクセル作業の時代が終わったということです。

従来はクオリティの高いものを作るためにピクセル単位で仕上げていくことをデザインと捉えられていましたが、今ではそういった作業が減り、代わりにアイデアに時間を費やすように働き方が増えています。

なぜピクセル単位の作業がデザインではなくなってきたのか？
デザイントレンドや技術の向上など様々ありますが、中でも Figma が考えているのは以下の3つの取り組みです。

1. デザインシステム
2. 自動化
3. オープンソース

1-1. Design Systems

以前 Yuhki さんは Microsoft のプロジェクトで様々なツールチップのUIをデザインしましたが、最終的にそのプロジェクトが close する苦い経験がありました。

ツールチップをどれだけ凝ったとしても、プロジェクトの成功にはおそらく関係がありません。そして、プロジェクトがなくなればデザインした作業時間は無駄になってしまいます。とてももったいないですよね。

Microsoft では多くのアプリケーションがあり、各チームが同じようなツールチップをデザインしていました。まさに車輪の再発明と一緒で、すでにある良いものと同じものを作っていました。これは避けたいですね。

それらを防ぐために、 Microsoft はデザインシステムを構築して運用しています。車輪の再発明を避けるだけでなく、プロダクトや設計の一貫性を守るといった他の目的もデザインシステムには含まれています。

デザインシステムを活用することでUIコンポーネントを作る時間を減らし、アイデアを動かす時間に当てることが出来るようになってきました。
現在では多くの企業でデザインシステムを導入し、作業時間がドンドン減ってきています。

1-2. Automation

次はツールの進化による自動化です。
Figma には Plugin があり、ひとつひとつ今まで手作業で作業していたことが自動で処理できるようになりました。例えば Microsoft が開発した Content Reel ではユーザーアイコンやユーザー名、メールアドレスなどダミーのデータを簡単に挿入できます。