2022Web制作の基礎から学べる「スマートフォン時代のWebコーディングスクール」5月に初回体験レッスン開催!渋谷でも動画でも受講可能です。XDのこれからTweet2022年9月15日に、AdobeがUIザインツール「Figma」を買収する意向であることが発表されました。脱Adobeしたい方のためのガイドなどについてまとめてお話ししたいと思います。この記事に関しては事実だけでなく、私の予想や、私の周囲のWeb制作者の方の反応や予想なども含まれることをあらかじめご了承ください。「XD」で検索しても出てきません。XD公式ページだったURLは「ラーニングとサポート」という簡素なページに変わっています。2022年12月までは公式ページで、2023年1月にサポートページに変わったようです。私の観測範囲では、8割〜9割のWebデザイナー・UIデザイナーの反応はネガティブ(否定的)なものでした。デザインと直接関係がないWebマーケティング関係の方などの反応はポジティブ(好意的)でもネガティブでもない反応が多かったように思います。Yahoo!リアルタイム検索では、76%程度の方がネガティブな反応ということになっています。時間は買収発表直後〜翌日正午までなぜデザイナーがAdobeによるFigma買収にネガティブな反応しているのかまず、Figmaの特徴をまとめると以下のような感じです。XDや、その他のAdobe製品よりも圧倒的に速い)Figmaの動作はかなりサクサクFigmaのネイティブファイルはオープン(JSONと呼ばれる型式)続いて、一般的なAdobe製品の特徴をまとめると以下のような感じです。XDの開発スピードは速いし、動作も速いじゃないか」と思う方もいらっしゃるかもしれませんが、Figmaはそれよりも圧倒的に開発スピードが速いです。世界中にユーザーが多いので、プラグインの開発も活発です。XDは、Adobe製なのに動作が速い」とおっしゃっていました。それ以外のアプリは速くはないということです。まとめると、FigmaがAdobeに買収されると、他のAdobeアプリのようになってしまうのでは?と懸念しているデザイナーが多いということです。ため、「約束を守らない企業」と認識しているデザイナーの方もいらっしゃるようです。AdobeやFigmaのプレスリリースには「これまで通り独立を保ちます」といったことが書かれていますが、デザイナーはほとんど誰もそれを信じていないというのが現状です。運営し続けることを計画しています」と書かれています。Figma♥”(Figmaのご冥福をお祈りいたします)となっています。いうミームとかすぐ作るの日本より露骨よね。2022※私はFigmaがAdobeに買収されたからといって、即座にFigmaがサービス終了するとは思っていません。アップデート速度が遅くなるなどゆっくりと時間をかけて衰退していったり、次第にユーザーが離れてしまうことはあり得ると思っています。XDがFigmaのように開発が活発になるのでは」と期待している方もいらっしゃるようですが、私はそうは思っていません。私の予想としては「今後の大きなアップデート(新機能の追加)はほとんどないだろう」と予想しています。XDは「毎月アップデートする」と発表されていましたが、2021年後半からアップデート頻度が落ち始め(新機能なし、バグ修正のみの月があるなど)、2022年4月以降はアップデートが1度もありません。事実上開発がストップしています。XDの開発を一旦ストップした」と考えるのが自然ではないでしょうか。XDはWebデザインやUIザインで大きなシェアを持っているように見えるかもしれません。XDは完全にFigmaに負けています。最近UIザインやWebデザインアプリのシェアではFigma一強です。他ツールからシェアで圧勝Figmaのリリース直後2017年当時、デザインツールと言えばInVisitonが60%のシェアを誇り圧倒的でした。2020年になると今度はFigma一強になり、InVisionは最下位レベルまでシェアを落としています。2022デザイナーに人気のアプリ(デザインツール以外を含む)では圧倒的1位です。デザイナーから圧倒的な人気がある先行プレイヤーに大きく差を付けてFigmaは人気。面白いのが、2位に付いているのがNotionであること。2022そして最近では、Adobeは株価の低迷が続いていました。以上を失い、テクノロジーの低迷に打ちのめされています。ソフトウェアの優位性についてますます懐疑的になっており、同社はより消費者に優しい製品への拡大を目指しています」とのことです(英文記事のGoogle翻訳)。XDの開発をまた活発にするか!」となるでしょうか?私は、そうはならないだろうと思います。XDに関して以下のような予想が書かれています。50」以降、大きなアップデートは実施されておらず、今後は「Figma」に統合・吸収されていくものと思われる。XDは今後なくなる」と予想されています。XDのどちらを勉強すべきか?ここまでお読みいただければわかると思いますが、私はFigmaを勉強する事をおすすめします。Figmaは現在世界シェア・機能の豊富さのどちらで考えてもNo.1のUIデザインツールです。これまでFigmaはメニューやボタン等の文字列が英語であったため、日本のデザイン初心者には親しみにくいと感じる方も多かったと思いますが、最近日本語化され、ヘルプドキュメントなども日本語になりました。XDの勉強は続けて良い)と思います。XDのアップデート頻度はかなり落ちるでしょう。XDのシェアが急にゼロになるということもありえないでしょう。XDも使用していますが、今後デザインスクールの内容をリニューアルするときはFigmaを使用すると思います。XDの需要もあると思うので、需要があればどちらも平行して開催する期間を設けることも検討しています。Web業界の方が意外と見落としていることFireworksの開発終了に関してWeb業界の方のツイートを見ていると、AdobeがMacromediaという企業を買収し、Macromediaの製品だった「Fireworks」というWebデザインツールの開発が終了してしまったことを思い出した方が多いようです。「Fireworksの開発終了の恨みを忘れない」という流れでAdobeのFigma買収に懸念を示している方が多いように見えます。個人的にはその文脈でAdobeを叩くのはちょっと違う気がしていて、「Fireworksは明らかに当時のWeb制作に向いておらず、開発終了は必然だった」と考えています。Fireworksは長い間標準のカラーピッカーが「Webセーフカラー」と呼ばれる256色でしたが、Webセーフカラーというのはディスプレイの色が非常に少なかった時代(1990年代頃)の名残であり、それが2010年を過ぎてもまだ標準のカラーピッカーなのは明らかにおかしいと思っていました。私はFireworks関連で文句を言うのなら開発が終了してからではなく、「10年以上も基本的な機能が改善されないまま販売され続けていること」に対して文句を言うべきだったと思います。Adobeだけが問題なのではなく、それ以前のMacromedia時代から開発が事実上止まっていることが問題だったと思っています。CCを解約したい」と思っていた方もいらっしゃると思います。他社のアプリでFigmaと完全に同等の機能を有するものは残念ながら現状存在しません。Twitterなどでいくつか替わりになりそうなアプリの候補を教えていただきました。TeamsPenPotは、一言で言うと「無料でオープンソースのFigmaクローンアプリ」です。共同編集にも対応しています。私はFigma代替としては今のところこのアプリにもっとも注目していて、その理由はオープンソースだからです。3DCG業界でもAdobeによる独占と同じような状態が続いており、普及した3DCGアプリは次々にAutodeskという会社に買収されています。Blenderという統合3DCGアプリは多機能で広く普及しているにも関わらずAutodeskに買収されていません。企業ではなくオープンソースコミュニティによって開発されているアプリは、買収しづらいのではないかと私は思っています。PenPotのページの一番下にあるニュースレターに登録しておきました。今後使用してみて、Figmaと比べてどのようなメリットやデメリットがあるのか調査したいと思っています。以下のツイートのある通り、Penpotが月次で5600%成長しているそうです。海外でFigma代替として期待されているのかもしれません。オープンソース版FigmaのPenpotが$8M調達、Figmaが買収されてから登録者が月次で5,600%成長したとのこと。Hat、Tencent、ByteDance含めて1万社以上が活用している。Linux私はLunacyを2017年頃から知っていて、その当時は「SketchのファイルをWindowsで見るためのビューワ」だと思っていました。いつのまにかFigmaと似たアプリになっていました。海外では、Lunacyを使い続けるという方やLunacyへの乗り換えを検討している方もいらっしゃるようです。XDとの比較が載っています。Pixsoこのツールに関しては、以下のQiitaの記事で知りました。Tokenの管理、リアルタイムの共同編集、バージョン管理、プロトタイプ機能、そして日本語対応って凄いですね。Qiita一瞬「もうこれでいいのでは?」と思ったのですが、この記事からPixso公式サイトへのリンクのURLをよく見ると、いろいろなパラメーターが付いていることに気づきました。文字列が何を意味するのか私には分かりませんが、あまりお近づきになりたくはないかな、と思いました。その後、ちょっと気になってPixsoを紹介している日本語記事を検索したところ、以下のnoteの記事も見つけました。新進気鋭のUIデザインツール「Pixso」の特徴と機能を紹介!|こにゃ|noteこの記事はQiitaとは別の方が書かれたもののようですが、この記事からPixso公式サイトへのリンクのURLをよく見ると、似たようなパラメーターが付いていることに気づきました。https://pixso.net/jp/?utm_source=note&utm_medium=influencer&utm_term=Konya&utm_campaign=japan-blog-promotion&_channel_track_key=yJ5HdH7Xただ、こちらの記事では記事の末尾に「*本記事は株式会社ピクソー様からのご依頼により執筆しています。」とPR記事であることがきちんと明記されており、Pixsoの運営企業がいわゆるステマを推奨しているわけではなく、Qiitaの記事がたまたまPR表記が漏れていただけかもしれません。PublisherはFigmaのように共同編集するためのアプリではありません。個人事業主や企業のWeb担当者など、一人ですべての作業をおこなっているデザイナーにとっては乗り換え候補になるかもしれません。XDの3つのアプリのように使用してWebデザインをおこなう方法について以前に記事を書いています。Publisherの3つのアプリは以下のサイトで29%オフのセール中です。Designer使おうと思っていたけど、これも買収されるかも?と思うと使えない」といったツイートも拝見しました。一強の時代に突入してしまいます。今回の買収でショックを受けた方ほど、新しいツールを試したり、購入したり、他の方に薦めるのをためらわないで欲しいと切に願います。Designerの公式アカウントはFigma買収の翌日に「誰にもうちを買収させはしないぜ😎」というツイートをしています。いう項目が追加されました。ページよりWeb制作の基礎から学べる「Webコーディングスクール」を渋谷で開催します!Web制作の基礎から学べる「Webコーディングスクール」は、これからWeb制作者になりたい社会人向の方に向けたスクールです。渋谷の教室でも、ご自宅での動画受講も可能です。これからWeb制作をはじめたい方向けに最新のHTMLとCSSの基礎からSass、JavaScriptの基礎まで、初歩から一通り学べるWeb制作スクールです。5月の土曜日に初回体験レッスン(1000円)も開催、動画受講も可能ですのでぜひお気軽にどうぞ。ページをご覧ください。入門」「WordPressカスタマイズ講座」などさまざまな講座を予定しております。ご興味ある方は、下記フォームにPCのメールアドレスをご登録いただければ、次回開講の際お知らせします。outlook.comなどMicrosoftのメールサービスには届かないことが多いため、別のメールアドレスをおすすめします。Twitterでは、Web制作に関する最新情報をツイートしています。FigmaAboutフリーランスのWebデザイナーです。東京の下北沢で、うさぎと一緒に暮らしています。渋谷でWeb制作の基礎から学べる「Webコーディングスクール」の講師をしています。新着記事Web制作の基礎から学べる「Webコーディングスクール」を渋谷とオンラインで開催しますWeb制作の基礎から学べる「Webコーディングスクール」は、これからWeb制作者になりたい方向けにスマートフォン対応のHTML・CSSコーディング手法やSass・JavaScriptの基礎などを学べる社会人向けのスクールです。Bardは大規模言語モデルと呼ばれ、一般的には「チャットAI」や「会話AI」などと呼ばれます。...画像で分かる、新しいCSSこの記事では、比較的新しいCSSプロパティやCSSの機能を画像で分かりやすく解説しています。ブログや技術記事で使いやすい画像素材を配布します今メルマガ登録頂くと、毛糸風の画像素材を配布します。220枚以上あり、ブログや技術記事などで使いやすいと思います。Bardを試すなら、ぜひ試して頂きたいことが2つあります。それは回答の右上に表示されている[他の回答案を表示]をクリックして別の回答案を見ることと、数時間前の情報についてまとめて解説してもらうことです。デザインシステム入門!Web制作初心者が知るべき基本原則とFigma活用法デザインシステムの基本原則を学び、Figmaで効率的なWeb制作方法を初心者にもわかりやすく解説する記事です。2023年4月の、これだけは押さえておきたいWeb関連の動き「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。資料制作をお手伝いして頂いているemiさんによる寄稿記事です。