MiroからFigmaへ移行を断念!その理由とは?

メモ

  • MiroがバグったのでFigmaへ乗り換えようとしたけど断念
  • 自分の使い方では、Figmaのデメリットが多すぎる(詳細は以下
  • ワイヤーフレーム作成およびサイトマップ作成という観点ではやっぱりMiroが最強!

詳細

Miroでまたバグが発生しやがった…。ふと作成済みのワイヤーを確認するとワイヤーフレームライブラリーの画像コンポーネントの縦が縮んで潰れたようなサイズ感になっていた。それも使用してるワイヤー全部で。勘弁してくれ!

仕方がないから画像コンポーネントのサイズを修正しようとするとなぜか勝手かつ自動で拡大していく現象が発生。さらに、サイズ調整したコンポーネントをコピペしたらサイズが潰れた状態に元に戻ってしまう現象も発生。やれやれだ…。

もともとミロは英語で空白やハイフンを入れると勝手に改行してしまうバグがあって、レイアウト優先でいちいち空白やハイフンを削除するなどして、改行を調整していたりする。

例えば、「A-bcd efg」という名称があったら、「A-bcd」で改行されてしまう。仕方なく空白を詰めて「A-bcdefg」にしても、今度はハイフンで「A-」で改行される感じ。ふざんけんな。

レイアウト的にはこれでいけるんだけど、入ってる文言が正しいものじゃなくなるので、デザイナーに渡したときにそのままコピペされて修正が発生するという罠もある。マジで不便極まりない。

というわけで、いいかげん腹が立ったので以前から考えていた、「Figma」への乗り換えを検討することに。Miroの対抗となるような「FigJam」なんてサービスもあるみたいだし。早速、しばらく使ってなかったフィグマを開いていろいろといじってみたんだけど…。

結果としては、Figmaへの乗り換えを断念するという結論に…。

結局、ワイヤーフレームの作成という点においては、Miroのデメリットよりメリットが上回った。ていうかFigmaのデメリット乗り越えられなかった(乗り越える気力がなかったともいう)感じかなー。

Miroのメリット

  1. マウスのスクロールで拡大、右クリックで移動(ハンド)できる
  2. アイコンがプリセットで充実しているかつ利用しやす い
  3. コンポーネントのペースト位置が少しずれててわかりやすい
  4. 遷移の矢印が使いやすい(コンポーネントから自由に繋げられる

Figmaのデメリット

  1. フォトショップなどと同様にスペースキーやコマンドキーを押しながらの拡大と移動
  2. アイコンはプリセットなしで外部の素材集からいちいちコピペ
  3. コンポーネントのペースト位置が同じ位置でわかりづらい
  4. 遷移の矢印が使いづらい(プラグインもFigjamからのコピペも不便

まず、マウスでの使用を前提したときに、Figmaはキーボードとの併用が必須でここが面倒くさい。スペースとかコマンド押しながらじゃないと、拡大と移動ができないのは辛い。Miroならナビゲーションデバイスが設定できるので、マウスを選べばマウスに最適化されたナビゲーションになってマウス1つで完結する。

Figmaはこれができない。Adobe製品と同様に、スペースキーを押しながら移動。コマンド押しながら拡大縮小。わかるけどMiroに慣れてしまった身からすると辛いわー。ロジクールオプションで左右ホイールに拡大縮小を割り当ててはみたけど、移動のスペースキーが残るからしんどい。

あと、Figmaはデザインツールだから、オブジェクトのサイズやマージンを細かく調整できるのも便利なんだけど一長一短で。凝りだすととかく時間がかかってしまう。レイヤーも同様で確かに便利なんだけど整理に時間がかかる。

さらに、アイコンのプリセットがなくて素材集を選んでそこからコピペしないとだめ。おまけに素材集から検索できない(検索する方法あるのか?)からめちゃ時間かかるし。色も塗れない(塗る方法あるのか?)からここで心が折れたw

決定打はやっぱり遷移の矢印だった。MiroほどにはFigmaでやれないとわかってたけど。Miroみたいにサクッとオブジェクトから矢印を引っ張り出して繋げられない。それ用のプラグインも入れてみたけど、繋ぎたいオブジェクトを選択して繋ぐとか直感的じゃなくて面倒くさい。

なんなら、プラグイン起動中は繋いだオブジェクトを動かしても矢印が追随するけど、プラグインを落としたら追随しないとかありえない。それならと、FigJamから矢印をコピペして使う方法も試したけど面倒くさい。ダメだこりゃ。

まとめ

というわけで、ワイヤーフレーム作成およびサイトマップ作成という観点においては、FigmaおよびFigjamはデメリットが大きくて、やっぱりMiroが最強という結論に。Figmaのほうがデザイナーに連携しやすい点はあるんだけど、いかんせんWebディレクターがワイヤーフレームを作成するって場合はFigmaほど高機能じゃなくていいからなー。

まだしばらくはMiroで頑張ろう。ていうかMiro気に入ってるからもっと頑張ってほしいなー。

はやく改行のバグ修正してくれー。

  • URLをコピーしました!

この記事を書いた人

フリーランスのWebディレクターとして活動中。5回の転職を経て気づけばフリーランスで個人事業主になっていた。アラフィフになって物忘れが激しくなってきたこともあり、日々の仕事で思ったことや気づいたことをメモっておこうかなと。

目次