Figmaはたぶんデザインツールじゃない

FIreworks終焉以降

前回、Fireworksがもう起動すらしなくなった、くらいまで書いた。その後は、嫌々PhotoshopでWebデザインをすることを選んだ。

Photoshop自体はよく使用していたから使い方自体はわかっていても、当時は明らかにWebデザイン向けではなかった。
矩形の写真の端がピクセルを跨いでしまって滲んだり、イライラさせられることが本当に多かった。
もちろんアップデートで解決していった（アートボードの導入とか）が、その間にXDがだんだん使いやすくなって業務使用が増えた。

XDは快適だった。Fireworksの操作性での進化系のように思えたし、画像の扱いはより良くなっていて、図形に写真をドラッグアンドドロップで一発でマスクで切り抜かれた。
Webやアプリのデザインで使う前提の設計だったので、テキスト要素の扱いもそのままCSSだった。

プロトタイプ機能も驚きだった。画面全体の1枚画像を送らなくてもよく、URLを共有して修正コメントを入れられた。
ホバーやアニメーションのデモ動作、リンクの遷移もした。（おかげでコーディング前なのにお客さんに完成だと思われて困ったこともあった）

まさかのXDも終焉

AdobeがFigmaを買収するという噂がたった。XDは新機能の追加がされなくなった。その後、買収は頓挫した。
どうしたら良いか分からなかったが、業務的にデザインが減っていたのもあり、放置して今に至った。
Figmaが勝った。端的にはそういうことなのだろう。

XDでできることはFigmaでもできる。
それどころかブラウザで動く。
ユーザーコミュニティも活発。
当然の勝利。

くらいにしか思っていなかったが、一通り入門書を読んでみたら、似たようなことができても、そもそもの思想が違うものなんだなと思うに至った。

Figmaは「みんなで使う」もの

XDも閲覧者がコメントを入れたり、コラボレーションという点では似たようなことができてはいた。
ただ、それでもXDはデザインツールだった。デザインツールにコラボレーション機能が追加されたもので、あくまでデザイン業務はデザイナーが握っていた。

Adobeソフトは高価で、デザイナーだけが持っていた。
確認者は印刷か一枚画像を見ていた。
デザイナーは一人でデザイン作業して、それを提出していた。それに対して修正や意見が出てくる。今度はそれを持ち帰り、作業をして、また提出。
例えるなら、厨房で料理して運んでもらう。キッチンはシェフしか入れない聖域。そんな感じ。デザイナーは職人だった。

Figmaは皆使える。
コラボレーションツールにデザイン機能がある感じだ。
キッチンの例なら、オープンキッチンでわいわい試作している感じ。デザイナーが隅で隠れてウンウン唸ってデザインをひねり出すのではない。
実は勝手に職人技だと思っていた行為を、コミュニケーションの日の下に晒さなければならない恥ずかしさを感じている。

もちろんほんの少し使っただけの初心者の感想で、思い込みかもしれないが…そういうふうに感じた。とはいえ別に悪い気はしていないし、実際正しい方向だと思う。
だから、「Figma『の本質』はたぶんデザインツールじゃない」が正確かもしれない。釣りタイトルみたいになってしまった…先にタイトル作ってしまったので許してほしい。

Figma学習記録

前回の記事タイトル作成時にわからなかった文字詰めをキーボードでする方法がわかったので使ってみる。そして文字周辺の他のもメモ。

文字詰め

opt+<（詰める）
opt+>（広げる）

ウェイト

cmd+opt+<（細く）
cmd+opt+>（太く）

行間

opt+shift+<（狭く）
opt+shift+>（広く）