Figmaの評判・口コミ 全83件

改善してほしいポイント

モックアップツールとしては気に入っているのだが、
Web版では日本語フォントを使用した環境を構築するのがひと手間だ。
OSごとのインストールツールを使ってフォントをインポートする必要がある。
ブラウザのローカルフォントアクセス権限問題で実装しづらいのかもしれないが
Chromeだけでも試験実装してもらえるともっと気軽に使えるようになると思う。

どのような課題解決に貢献しましたか？どのようなメリットが得られましたか？

精緻なWebサイトモックアップを短期間で構築できるようになった。
類似ツールはいくつかあるが、
Webブラウザ上で動作するのでXDなどに比較すると
・どんな環境でも利用できる
・動作が軽快
という長所がある。
モックアップはディレクター・デザイナー・コーダーすべてが参照しなければならない資料なので
どんな環境でも動く・閲覧できるという利点が極めて大きかった。
フレーム以外の情報も別ページにどんどん書いていけるので、
デザイン上のトンマナや、コーディング上の縛りなどを一か所に集約できるのも
Figmaのメリットとしてありがたく活用している。

改善してほしいポイント

特に問題なし。
二つあげるとすれば、
1つめは操作メニューを日本語化してほしいのと
2つめはプレビュー端末がApple系に偏っているのでWindows系を増やしてほしいかもしれない…
という点くらいだろうか。

どのような課題解決に貢献しましたか？どのようなメリットが得られましたか？

もともとVisioなどをプロトタイプ制作のツールに使っていたのだが、
・素材をデザイナーに発注するときに相手がデータを読めないなどの問題が起きる
・そもそもVisioはWeb用ではない（他のツールも）
ということで限界があった。
Figmaを使うようになってからは、
・無料ライセンスでもデータを開くことができるので相互作業しやすい
・スケールがpxやemなどWebのものなので相性がよい
・サイトマップ内の各ページを1枚のデータに収容できるので見通しが立ちやすい
といったメリットから、大幅に作業がはかどるようになった。
また、プラグインが豊富でユニークなものが多い。
白抜きをしたり、不定形のモックアップに画像を自動で埋め込んだりといった、
画像編集ソフト顔負けのものがある。
これだけでWebはもちろん印刷物も作れる日がくるのではないかと、
可能性を感じるツールだ。

改善してほしいポイント

逆に言うと、そのキモの「オートレイアウト」について
意外とはじめは理解しづらい。
単にメニューが隠れてしまっているからかもしれない。
メニュー配置を検討しなおしたり、チュートリアルでアピールしたりすると
初心者が機能の意味に気づきやすくなると思う。

どのような課題解決に貢献しましたか？どのようなメリットが得られましたか？

Webサイトの設計時に綿密なプロトタイピングをおこなっても
実際にデバイスでアクセスしたときと見え方が大幅に異なることが多く
手戻りが発生するので頭を痛めていた。
Figmaを使うと、オートレイアウトでブラウザのレンダリングアルゴリズムに近い
パーツの配置ができ、なおかつレスポンシブな動作もおこなえるプロトタイプができるようになった。
さらにプレビューモードではスマホやデスクトップのディスプレイを模した画面内に
実稼働するかたちで表示してくれるので、正確なイメージをつかみやすくなった。
昨今はサイトへのアクセスが8割がたスマホからのもので、
制作時にきちんとデバイス表示イメージをつかむことが必須だが、
FigmaだとPCメインの制作環境であっても
早い段階からスマホで見たときの出来上がりを意識できるようになった。
デスクトップで利用するものだが、
スマホファーストの時代にこそ必要なツールだと感じている。

改善してほしいポイント

現状でも満足。特になし。
ただ、メニューは日本語化してもらえるともっと便利かもしれない。
日常の使用上ではほぼ問題は起きないと思う。

どのような課題解決に貢献しましたか？どのようなメリットが得られましたか？

PC・スマホなど多様化するデバイスにきちんと対応しつつ
美しいデザインのWebサイトを設計するには
Illustratorのような既存のただの描画ツールでは機能が足りないうえに
できあがるデータが仕様書としても力不足だった。
Figmaではブラウザの幅依存でパーツが配置されるという特性に合わせたワイヤーが描けるので
デザインの美しさにこだわりながら、
パーツの正確なサイズを割り出せるきちんとした仕様書を作れるようになった。
利用者が多く、対応プラグインや素材も多いので、
ボタンのようなデザインパーツやアイコン類もそこから貼り付けるだけで
かんたんに描けて時間短縮につながっている。
Webサイト設計には欠かせないツールだと思う。

改善してほしいポイント

標準ではあまりコンポーネントのアセットが入っていないのが不便。
コミュニティのものは質がまちまちなので、
Bootstrapなどの著名なフレームワークだけでも公式から利用できるようになると
最初に使い始めるハードルがもっと下がるのではないかと思う。

どのような課題解決に貢献しましたか？どのようなメリットが得られましたか？

以前はIllustratorやExcel・PowerPointなどを総動員してワイヤーフレームを描いていたが、
・ツールによってはワイヤーが詳細に描かれすぎる（完成形を連想してしまう）
・コンポーネントが共用・流用しづらい
というデメリットが無視できなくなった。
Figmaでは適当にプレイスホルダーを並べていくだけで
実際にWebサイトとしてエクスポートすることもできるデータができあがるのが便利。
デザインの詳細について合意がとれない段階であっても、
インタラクションの検討だけしっかりおこなえる。
また、コンポーネントは自分たちできちんと蓄積していくことが可能。
議論がもめてしまう、とか
ここで一生懸命作っても資産にならない、とか悩まないですむので
ワイヤーフレームを描く作業が楽しくなったのが大きなメリットだ。

改善してほしいポイント

個人的にはまったく問題ないのだが、
ユーザーインターフェイスが英語だけなのは、英語を仕事上使うのに慣れていない職種の人には厳しい。
このため、英語に対応できる人の比率が低い作業のときはAdobe XDに逃げてしまう…。
いちいちスイッチするのはめんどうなので
ぜひ日本語に対応してほしい。

どのような課題解決に貢献しましたか？どのようなメリットが得られましたか？

ワイヤーフレームを「描く」だけでも複数のツールを使う流儀が乱立していて困っていた。
・ワイヤーフレームを描く
・議論する
・さらに詳細なデザインに落とし込む
・すべての履歴をとる
ところまで、Figmaひとつで集約できるようになったのが最大のメリットだと感じている。
このおかげで全体の制作進捗が早くなった。
以前はWebサイトなのに「紙に出さないと議論ができない」ということもあったので
無駄な紙の節約にもつながっている。

改善してほしいポイント

まあ、やはりUI部分が日本語対応していてくれたほうがうれしい、
というのが最大の要改善ポイントだと思う。
せっかく作成した文書も、ほかのスタッフや外注先に日本語で快適に閲覧してもらえないと
すこし色あせて見えてしまう。

どのような課題解決に貢献しましたか？どのようなメリットが得られましたか？

短時間でGUIベースで使えて、
しかもWebとしての再現性の高いプロトタイピングツールが手に入ったのが
Figmaを使い始めた最大のメリット。
・既存の静的な図しか描けないツールと異なり、レスポンシブ対応できる
・プラグインによってはプロトタイプをそのままWebサイトとして出力できる
ため、制作工程に職人芸的な知識や細かいデザインの知識が不要になった。
結果的に制作サイクルが短期間で回せるようになった。

改善してほしいポイント

レスポンシブ対応のコンポーネント調整が、それほど簡単ではない点。
Hug content, Fill content…などの独自の概念が出てくる。
日本語化されていないのでそれを英文で理解しないといけない。
あらかじめレスポンシブ対応の基本コンポーネントを用意してくれるか
日本語対応をもっと推進するか
といった対応をしてもらえれば、もっと使いやすくなるのでは？

どのような課題解決に貢献しましたか？どのようなメリットが得られましたか？

多様で複雑化するWebデザインの作業フローに
ひとつの「共通言語」をもたらしてくれた。
デザイナーも営業も気楽に使えるのでお互い直接操作しながら検討できるし、
今では委託先・外注先がFigmaを使っていることも多くなった。
以前のようにオフィスアプリやAdobeのアプリを転用しているせいで
納品物の形式がまちまちということが少なくなったのは大きなメリットだと思う。
Figmaで完結するのではなく、
フロントエンドコーディング一歩手前までやるという方針で使用しているが
プロトタイピングや指示の記述がしっかりできるので
以前に比べると非常に手戻りが少なくなった。

改善してほしいポイント

ユーザー登録が英語である事。（メンバーのリテラシーの問題でもあるが）画面が英語である時点で投げ出すメンバーもいるため、ユーザー登録だけでも日本語表示を行っていただけると助かる。
画面の拡大縮小と移動に癖がある。サービスにより画面の拡大／縮小や表示領域の移動方法が異なる。正解は無いと思うが、個人的にはCtrl+スクロールで拡大／縮小、クリックしながらマウス移動で表示領域の移動ができると便利。

どのような課題解決に貢献しましたか？どのようなメリットが得られましたか？

以前、別のデザイン会社にWEBサービスのUI制作を発注した際は、その都度PDFファイルで提示を受け、レビューを行っていた。10ページ程度であれば、画面毎にページを切り替えて確認することもできるが、モニター上で他の画面と比較をするのは不便であり「これなら紙の方が見比べやすい」という思いしか残らなかった。

Figmaであれば、画面遷移も、他の画面との比較も大きな１つのキャンバス上で表現できる。また、必要に応じて画面を並べて比較することもできるため、ＵＩ制作とレビューに集中できることが魅力。単純な生産性の向上（時間の削減）以上に、レビューそのものに対するストレスが少なく、集中できることがメリットである。

それだけに、操作感はタブレットやGoogleMap等のメジャーなサービスにあわせていただけた方がより使いやすくなると思う。

検討者へお勧めするポイント

UIデザインの委託先企業がFigmaを契約しているため、発注者の視点で評価しています。
デザイナーの視点からはまた別の評価になるかと思います。