• Home
  • Category
    • Simple
    • Stylish
    • Cute
    • wafuu
    • Illust
    • Pop
    • Other
  • Color
    • White
    • Black
    • Red
    • Blue
    • Yellow
    • Green
    • Purple
    • Brown
    • Pink
    • Colorful
  • Xux Column
  • About
  • Contact

Copyright © 2023 Xux Webzine. All Rights Reserved.

コラム【DESIGN編】

Xux Column
Google社内でも利用、2022年使いたいデザインツール世界1位の「Figma」とは?

使いたいデザインツール世界1位のフィグマ

フィグマとは、ブラウザ上で簡単にデザインができるツールです。

インターフェースのデザインを、場所を選ばずにブラウザさえ起動できれば使えるため、利便性が高くチーム体制での作業にも向いています。

何よりフリープランがあり無料で利用できるので、誰にでも手軽に導入できることから、デザイナーではない人でもちょっとした用途に役立つでしょう。

フィグマホームページ


Figma(フィグマ)のメリット

ウェブ制作で下記のような不満を解決できます。

・ストレージで保存しているデザインデータをコーダーやエンジニアで共有して作業を行うためタイムロスがある。

・他の作業者にフォントがインストールされていなく、デザインが崩れる。

・デザイナー以外はデザインツールのアカウントを持っていないので、メールに画像を貼り付けて確認依頼せざるを得ない。だがイメージが伝わりづらいうえ、操作性も確認できない。

・デベロッパーやエンジニアへのコード送付は、別のアプリケーションをインストールして行う。

Figmaの便利な点として、Web上で利用できることが挙げられます。アカウントさえ取得していれば、作成したデザインは制作時に使用したPCではなく、Web上で呼び出すことができるため、オフィスと自宅などで制作をスムーズに継続できます。

また、1つのファイルを複数のメンバーで編集することができるので、デザイナーのほか、ディレクターなどの制作に関わる様々な役割の人とデータを共有し、相談しながら制作物を仕上げられます。スムーズに作業を進められるように最適化された仕様は、オンラインをフル活用する現在のビジネスシーンにぴったりだと言えるのではないでしょうか。

Figmaはハイスキルなデザイナーだけが使えるツールではなく、様々な役割の人が感性をアウトプットし共有できる仕組みが備わっている魅力的なデザインツールです。


Figma(フィグマ)の概要

サンフランシスコに本社を置くFigma社は、2016年にツールをリリース。そこからわずか数年で「Google」や「Microsoft」「Netflix」「Twitter」など、世界的大企業が導入している。

世界各地のデザイン関係者約3,000人に聞いた「2022年に最も使いたいツール」のアンケートでは、2位に約6倍もの差をつけ、断トツで期待度の高さを見せつけた。こうした動きに投資家たちも反応し、2021年には企業評価額が100億ドル(約1.1兆円)のデカコーン企業となった。

そして2022年3月、アジア圏初となる日本法人を設立。Figma Japan設立にあたり、楽天やリクルート、Yahoo! JAPANなどのデザイン部門責任者が推薦コメントを提供した。試しにWebで検索してみると、LINE、クックパッド、Yahoo!、NewsPicks、SanSanなどのデザイナーたちも、ブログなどでFigma導入のメリットを自主的に発信している。


Figma(フィグマ)の種類

・数百人とでもブレストできるオンラインホワイトボード「FigJam」
チームでWebサイトを立ち上げの場合。今までなら、メンバーが会社の会議室に集まって、1人のPCを映写しながら、ホワイトボードに意見を書いたり、付箋をつけたりしてブレインストーミングしていただろう。しかしコロナ禍で対面が難しくなったことから、これらをすべてオンライン上でできる「FigJam」が注目を集めている。
カーソルチャットや、オーディオチャット、メンション、ワシテープなどの機能が充実している。

・ブラウザ上で簡単にワイヤーフレーム作成やUIデザインができる​「Figma」
「FigJam」でブレインストーミングをし、アイデアの大枠が決まったら、次は「Figma」を使ってワイヤーフレームを作る。
こちらもデザイン作成からCSS書き出しまで、​すべてブラウザ上で完結出来る。他のデザイナーやコーダー、エンジニアと意見を出し合いながら共同作業し、​デジタルプロダクトとして世の中に出せる状態にまで制作出来る。
デザインやオブジェクトの中身に応じて余白や配置を自動設定してくれる機能のオートレイアウト。
簡単にアニメーションを追加できる機能。プロトタイプの段階から動きのイメージをチームで共有しやすいスマートアニメイトが
代表的な機能。


Figma(フィグマ)はデザイナー以外も使えるデザインツール

Figmaの良さは他にもいろいろとありますが、やはり非デザイナーがビジネスコミュニケーションのために使うツールとしても長けている部分が見逃せません。これまでパワーポイントを使って作っていたデザインレイアウトを伝えるための資料や提案書の作成にも、Figmaは活用できるでしょう。

デザインツールとしての制作機能、そしてチームで作業や確認が可能な共有機能、完成イメージが具体化するプロトタイプ機能を搭載しつつ、無料でスタートできるので是非試してみてください。

Share This Post
Facebook Twitter Linkedin

Pickup Webdesign

おすすめのウェブデザインをご紹介します
大人顔負けのスイムウエアコレクション。 | Pick Up | グローバルワーク(GLOBAL WORK) オフィシャルブランドサイト

globalwork

Blue, Pop 2023/01

大人顔負けのスイムウエアコレクション。 ひと足先にスイムウエアがお目見え。 キッズらし…

See More Information
おへそグループ | 佐賀市 おへそ保育園・おへそこども園・おへそつながり・おへそこども学園・おへそ学道場

おへそグループ

Blue, Cute 2023/01

佐賀市の白山にある小規模認可園おへそ保育園 教育施設が多く立ち並ぶ、佐賀市のおへそ水ヶ…

See More Information
GRIN | はみだした生き方も悪くない、と笑える世界。

GRIN

Black, Stylish 2023/02

自分の生き方で世界を生き抜く一歩を踏み出すクリエイティブマガジンです。 はみだした生き…

See More Information
全50色以上、260万通り以上の組み合わせから、あなたにぴったりなメイクパレットがみつかるセルフメイクアップブランド「MN」

MN

Cute, Yellow 2022/12

わたしをメイクするのはわたし だれのものでもない だれのためでもない わたしは わたし…

See More Information
ジブリパークは「愛・地球博記念公園(モリコロパーク)」内に、 森と相談しながらつくっているスタジオジブリの世界を表現した公園です。

ジブリパーク

Illust, White 2022/12

ジブリパークとは ジブリパークは愛地球博記念公園モリコロパーク内に、森と相談しながらつくっ…

See More Information
星野源『恋』 - 特設サイト

星野源

Simple, Yellow 2023/01

恋 1年4ヶ月ぶりのニューシングルは自身出演のドラマ「逃げるは恥だが役に立つ」の主題歌…

See More Information
映画『すずめの戸締まり』公式サイト

すずめの戸締まり

Blue, Illust 2022/11

扉の向こうには、すべての時間があった。 国境や世代の垣根を超え、世界中を魅了し続けるア…

See More Information
the weekend short trip 鎌倉編 | BEAMS BOY

BEAMS BOY

Pop, White 2023/01

わざわざ行きたい鎌倉 カーテンを開けると太陽の光が差し込んで外には青空が広がっている。…

See More Information
はじめてのいわぎん|岩手銀行

岩手銀行

Cute, Green 2022/11

はじめてのいわぎん。 はじめてのアルバイトや就職で「お金」と関わる機会が増え、不安や心…

See More Information
ドロップトーキョーは、東京のストリートファッションを中心に、国内外に発信するオンラインマガジン。

Droptokyo

Colorful, Other 2022/11

東京のストリートファッションを中心に、国内外に発信するオンラインマガジン。 最新ニュー…

See More Information
CHANEL リヴィエラへ、心の旅をする | SPUR

SPUR

Green, Stylish 2023/01

シャネルリヴィエラへ心の旅をする ガブリエルシャネルが愛したヴィララパウザ。 今もそこ…

See More Information
ごとうちクリップ studio CLIP × 全国のパン屋さんとのコラボグッズが登場!

ごとうちクリップ

Brown, Cute 2022/03

全国のパン屋さんとのコラボグッズが発売! 日本各地で地元の人から愛されている12軒のパ…

See More Information

Follow Me