買収金額2.9兆円、Figmaの成功を支えたハッカーたち
このニュースについては様々なメディアで解説されているが、この記事では買収についてではなく「Figma の何が凄かったのか？」を、エンジニアの目線から語ってみたい。 簡単に言えば Figma は真のテクノロジースタートアップであり、技術力で新たな市場を開拓した稀有な会社 だったのだ。 長い下積み時代 この 2~3 年で一気に普及した Figma だが、実は創業は比較的古い。2012 年に創業（NewsPicks よりも古いですね）してから、2016 年の製品版リリースまで実に 4 年以上かかっている。それから改善を重ね、普及し始めたのは 2018~2019 年だった。つまり創業から 6~7 年以上、ほとんどユーザーはおらず、地道に製品を開発し続けていたことになる。 筆者はごく初期の Figma を使ったことがあるが、正直に言ってしまえば「これで仕事が出来るようになるのはまだまだ先だな」と思っ
Welcome to the WIP | Figma Blog
How do you make progress when work is always in flux? Chief Product Officer Yuhki Yamashita discusses how to embrace (and enjoy) endless iteration and shares Figma’s approach to developing collaboration features designed with an always-in-progress state of mind. Let me start with an observation: Throughout my career, I’ve interviewed many designers and product managers. I always ask candidates to
クリエイティブとテクノロジーを繋ぐデザインプラットフォームFigma - 株式会社ROUTE06 (ルートシックス)
印象的でシンプルな図形とカラフルな配色のメンフィススタイルのグラフィックが目を惹くインターフェースデザインツールFigma（フィグマ）は、デザイナーだけでなくプロダクトマネージャーやエンジニアなどにも幅広く利用され、独自の創発的なエコシステムを構築することで、ユーザー数を急拡大してきました。本記事執筆時点でのユーザー数は約400万人を超え、GoogleやMicrosoft、The New York Timesなどの大手企業でも利用されており、2022年9月にはAdobeによる200億ドル(約2.9兆円)での巨額の買収提案を受け入れたことでも話題になりました1。本記事では共同創業者であるディラン・フィールド最高経営責任者（CEO）とエヴァン・ウォレス兼最高技術責任者（CTO）が生み出したFigmaのこれまでの成長の背景と今後の可能性についてご紹介します。 世界中のデザイナーに愛されるコラボレ
Figmaという最高のデザインツールを細かいところまで徹底解説。
はじめに デザイナーの皆さんは、普段どのソフトを使ってデザインをしているだろうか。 私もそうだったのだが、おそらく大半の方は、Adobe PhotoshopやIllustratorといったソフトを利用しているのではないだろうか。 しかし近年、Adobeを追い抜くような勢いを持つ、SketchやAffinityシリーズといったデザインソフトがどんどん増え始めており、デザインソフト市場に変化が訪れはじめている。 �私はシフトブレインというデザイン会社に属し、アートディレクター/デザイナーとしてデザインの仕事をしているのだが、いままでずっとAdobe一択だった。しかし最近はWebデザインやアプリといったデジタルデザインの仕事も増えている。そんな時に、Photoshopだと「もっとこうしたいのに」「ココと、ココ、一緒に動いて欲しいな…」といった“そうなったらいいな”という機能のアイデアと要望、そし
Figmaを使いこなせ! デザイナー必須のおすすめプラグイン15選 - ICS MEDIA
ICS MEDIAでは「Figma」の機能紹介記事を多く公開しています。Figmaは標準でも十分な機能が備わっていますがプラグインを利用することでより便利にカスタマイズ可能です。 今回の記事では、プラグインの使い方とオススメのプラグインを紹介します。Figmaは他のデザインツールと比べ、プラグインを利用するまでのハードルが低く、とても使いやすくなっています。まだ使ったことがない人や便利なプラグインをもっと知りたいという方にオススメの記事です。 Figmaプラグインの使い方 Figmaのプラグインを見つけるにはFigmaコミュニティが便利です。Figmaアプリのホーム画面の「コミュニティ」ボタンから、Figmaコミュニティへアクセスしましょう。 プルダウンから「プラグイン」を選択すると、コミュニティに公開されているプラグインの検索が可能です。 プラグインアイコンの右下のマークで、対応している
Q. Adobeによる200億ドルのFigma買収は見合うのか？｜決算が読めるようになるノート
新着記事をTwitterでお届けします。下記URLからご登録ください。 Twitter: https://twitter.com/irnote ---------------------------- ヒント：2021年のSalesforceによるSlackの買収時のARRマルチプルは約30倍でした。この記事はゆべしさんとの共同制作です。 2022年9月15日、画像編集サービスのPhotoshopやIllustrator等のクリエイティブソフトウェアを提供するAdobe（アドビ）が、Web上で使用できるデザインツールを運営するFigma（フィグマ）を$20B（約2兆円）で買収する、というニュースが発表されました。 デザイン領域では、AdobeやFigmaは最も有名なデザインツールの1つといっても過言ではなく、買収金額が$20B（約2兆円）と非常に大型な買収であること等で、このニュースは大き
なにこれ便利すぎる！ WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design
WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma URLを入力するだけでFigmaに変換 html.to.designの利用方法 html.to.designの使い方 URLを入力するだけでFigmaに変換 html.to.designは、URLを入力するだけでFigmaに変換できる無料のプラグインです。さまざまなWebページを編集可能なFigmaデザインに変換します。 すべてをゼロから作成することなく、別のWebサイトを使用して独自のデザインのインスピレーションを得られます。 既存のWebサイトをリデザイン
Figmaで基本の定番UIアニメーション7つをデザインしよう 無料サンプルデモ有
この記事では、スマホアプリやウェブサイトでよく見られる、代表的な定番アニメーション7つを、プロトタイプツールFigmaで実装、再現する方法をご紹介します。 Figma（フィグマ）とは？ Figma（フィグマ）とは、ブラウザ上で動作する、インターフェース・デザイン・アプリケーションです。 特にチームなど複数人による共同プロジェクトに最適なアプリケーションで、リアルタイムでの同時編集も可能です。 Figmaは本格的なイラストレーションが可能なベクターツール、プロトタイプ機能、ハンドオフのためコード生成など、プロジェクトに必要なすべてのツールを提供してくれます。 機能が不十分なときは、プラグインで拡張することができる点もポイントです。 2020年に注目したい人気プロトツール「Figma」のベストプラグイン厳選52個まとめ Figmaにおけるアニメーションの基本 Figmaのアニメーションの基本を
Figmaのインタラクティブコンポーネントの基本と作り方 - bagelee（ベーグリー）
はじめに この記事は新しい技術にチャレンジし続けるpalanのアドベントカレンダーDay2の記事です！ 昨日は「SkyWayとA-Frameを組み合わせて360度WebVR会議システムを作る！」についての記事でした。 SkyWayとA-Frameを組み合わせて360度WebVR会議システムを作る！ 今回は2021年10月26日に新しくFigmaに追加されたインタラクティブコンポーネントについてご紹介していきます。 インタラクティブコンポーネントを使うことで、Figmaで作ったプロトタイプをあまり複雑にすることなく、さらにリッチでリアルな表現をすることができます。 インタラクティブコンポーネントについて聞いたことはあったけど、まだ試してない方インタラクティブコンポーネントを少し触ったけど、もっと勉強したい方に向けた内容となっていますので、少しでも参考になればと思います。 インタラクティブコン
AdobeのFigma買収とAdobe XDのこれから
2022年9月15日に、AdobeがUIザインツール「Figma」を買収する意向であることが発表されました。 これに関してWebデザイン勉強中の方などが「これからFigmaとAdobe XDのどちらを勉強するべき？」と困っているツイートを拝見したのでそれに対する私なりの回答と、 Webデザイナー・UIデザイナーたちの反応や温度感 Web業界の方が意外と見落としている事 脱Adobeしたい方のためのガイド などについてまとめてお話ししたいと思います。 なおこの記事に関しては事実だけでなく、私の予想や、私の周囲のWeb制作者の方の反応や予想なども含まれることをあらかじめご了承ください。 追記: Adobeの製品一覧からXDが消滅し、Adobe XD公式ページは消滅 「Adobeのすべての製品一覧」から #AdobeXD が消えました。「XD」で検索しても出てきません。 Dreamweaverで
Adobe to Acquire Figma
Combination of Adobe and Figma Will Usher in New Era of Collaborative Creativity SAN JOSE, Calif.--(BUSINESS WIRE)-- Today, Adobe (Nasdaq:ADBE) announced it has entered into a definitive merger agreement to acquire Figma, a leading web-first collaborative design platform, for approximately $20 billion in cash and stock. The combination of Adobe and Figma will usher in a new era of collaborative cr
Adobe、Figmaを約2.9兆円で買収へ デザインコラボツール大手
米Adobeは9月15日（現地時間）、デザインコラボレーションツール大手のFigmaを200億ドル（約2.9兆円）で買収すると発表した。2023年内に買収を完了する予定としている。 Figmaは、Webサイトやアプリなどのデザイン制作全般をWebブラウザ上で完結できるコラボレーションツール。プロダクトマネジャー、エンジニア、マーケターなど、非デザイナー人材も参加して、一緒にデザインを作り上げられるのが特徴。チームでのプロダクト制作を支援する。 海外ではGoogle、Microsoft、vmware、Twitter、Uber、Block（旧Square）などテックジャイアントで導入されており、国内でもヤフー、LINE、楽天、富士通などがすでに採用している。2022年7月には日本進出を果たしたばかりだ。 買収後は、Figmaの共同創業者兼CEOのディラン・フィールド氏が引き続きFigmaチーム
Sketch vs. Figma — The Reasons Why Sketch is Better
Sketch is more than just a Mac app We’re the original design alternative. Yes — we built the best native Mac app for designers. But we didn’t stop there. With web-based tools for sharing work, getting feedback, testing prototypes and handing off to developers in any browser, we’re a platform for the entire design process – and we’re still independent. Try Sketch today, you’ll feel the difference.
デザイナーやエンジニアの作業効率が向上するFigmaの運用方法を考える｜osanai / ui designer
カンムでプロダクトデザインをしている osanai です。こんにちは。 前回ご紹介したコンポーネント品評会により、デザインシステムにおけるコンポーネントの課題について議論が進み、不必要なコンポーネントが生まれにくくなり、デザインの意図が汲み取りやすくなりました。 品評会をしていると、しばしばデザイナーとエンジニアで「Figma でもっと効率よくできないかな」という話題が出てきます。例えば「コンポーネントの Variants のパターンをパット見で把握したい」「目的のページやコンポーネントにもっと素早くアクセスしたい」などです。 運用方法に関する課題に対して少しずつ改善に取り組み続け、徐々にですが Figma でのデザインシステムの管理が効率化されつつあります。今回はこれまでに実施した Figma の運用効率化の取り組みをご紹介します。 プラグインで解決編目的のページやコンポーネントに素早く
のんびり学ぶ Figma 〜コンポーネント編〜 (1) | さくらのナレッジ
このシリーズについて みなさんこんにちは。さくらインターネットでフロントエンド領域を担当している山田です。この連載では、フロントエンド開発を行っているメンバーが、開発に役立つ情報を半分趣味で不定期掲載していく予定です。 自分からは、近年人気のデザインツールである『Figma』の便利な情報をお伝えしたいと思います。デザイナーの方はもちろん、エンジニアの方にも興味を持っていただける機能がたくさん詰まったFigmaを紹介していきます。 Figmaのご紹介 チーム開発に適したデザインツール Figmaのメインの機能の一つはもちろんデザイン制作です。Figmaを使うことで、これまでのデザインツールでは難しかったWebアプリケーションやモバイルアプリケーションといった、よりダイナミックに画面が変化していくタイプのデザインを表現しやすくなりました。 中でも、複数人で同じデザインファイルを閲覧・編集可能な
Tokens Studio(Figma Tokens) で小さくはじめるデザインシステム
📝 はじめに こんにちは犬です。 デザインシステムをはじめる上で、 Figma の神プラグインを見つけたので共有します！ わたしが携わっているプロジェクトでは、エンジニアとデザイナーの双方向のコミュニケーションツールとして Figma Tokens を採用しています。 📝 Figma本体 だけでは実現が難しい色の管理手法 Figma と フロントエンド実装時の色の管理については以下のように取り決めました。 # 色の定義と利用方法 1. Primitive colors を定義 ここで定義した色をサイト全体で使用する。 ※ 定義はするものの、全ての色をサイト全体で利用するとは限らない。 基本色（赤、黄、青、、、など）からアルファ値や彩度、明度を機械的に算出して全カラーパレットを作成。機械的に出した色に微妙なものがあった場合は微調整する Primitive colors の例 red.10
Figma's approach to modern PRDs
Writing a great Product Requirements Doc (aka “PRD”) can be hard. Even if you don’t use PRDs or consider the term outdated, you probably have some sort of product spec. For these types of docs, it’s hard to choose the right “altitude” to describe what your team is intending to build, as different cross-functional stakeholders care about different things and are equipped with varying levels of cont
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web制作者は要チェック！ Figmaで無料利用できるUI用のデザインシステムのまとめ -Design Systems for Figma
Shin Sasaki on Twitter: "Figmaの歴史はプロダクト開発者にとって学びの宝庫だった📝 1. 初期コンセプト「ブラウザ上のフォトショップ」は不発 2. 当時の常識は「1人かつオフライン」 3. 機能を絞りUIデザインに特化し成功 4. 他ツールからシェア… https://t.co/F9dyeR8Gbv"
https://twitter.com/zoink/status/1570385551517437952