Figmaの機能を使わないで作る

最終更新: 2026.11.11

ボタンを作るときに、私はテキストをフレーム化して余白に色をつけたり枠線をつけることで作ることが多い。この方法は、とても便利でテキストを編集しても余白は維持されるので変更に強い。そのほかにも、Figmaはテキストスタイルを登録できたり、色や余白のサイズをVariableに登録できたりして、それらをまとめたものはデザインシステムと呼ばれサービスの統一感を出すために推奨されたりしている。
実装や、デザインデータの維持のための整理はもちろん当時としては良いことだったが、同時にどれも色や書体が違う程度の似たようなデザインシステムを作ることにもなった。
Figmaの機能に縛られたデザインというのをやめてみるのはどうだろうか。
かつては、Photoshopで今時デザインするなんてと思っていたが、実装も自分でやるならデザインデータはなんでも良いと思う。
モダンな機能を使っているつもりで、そこに縛られている。エンジニアの目線やクライアントや業界の中でのイケてる立ち振る舞いみたいなものを一度無視してみる。
Figmaは便利だし使っても良い。ただ、提供された便利な機能は使わない。文字組みはイラストレーターでやる、イラストを描く場合は手書きでスキャンしてみる、色は絵の具で作ってみる。もしくは、色紙からサンプリングしてみる。外に出て、葉の色や外壁の色をサンプリングしてみる。画像を並べるなら、コードを書いてランダムに並べてみる。一つの作業のための新しいツールを作ってみるのはどうか。Figmaは、多様な録音データを並べるDAWのようなもので、正しいデザインデータの作り方をしてはいけない。