Adobe XDは利用できなくなるのか、Adobeに問い合わせました | Stocker.jp / diary

2023/01/25 75 users Adobe Wednesday webデザイン 結果 製品一覧

Webデザイン Adobe XDは利用できなくなるのか、Adobeに問い合わせました Wednesday, January 25th, 2023 2023年1月に、Adobeの公式Webページの「Adobeのすべての製品一覧」からAdobe XDが消えたことでWeb制作者の間で大きな騒ぎになっています。 Adobeのすべての製品一覧ページで「XD」で検索した結果 というのもAdobeは... 続きを読む

「Adobe XD」単体販売を終了、サポート継続へ　Figmaとのすみ分けは「何も決まっていない」

2023/01/25 140 users figma プロトタイピングツール アドビ 単体販売 終了

アドビが、同社のプロトタイピングツール「Adobe XD」の単体販売を終了したことが1月24日までに分かった。ただし、「Creative Cloud」コンプリートプランには引き続き提供されており、契約すれば新規でのインストールも可能だ。 アドビが、同社のプロトタイピングツール「Adobe XD」の単体販売を終了したことが1月24日ま... 続きを読む

Adobeの製品一覧から「Adobe XD」が消失 ～買収した「Figma」への一本化で提供終了？／収録させてもらっている窓の杜も寝耳に水【やじうまの杜】

2023/01/24 151 users 寝耳 figma やじうま 一本化 消失

続きを読む

AdobeのFigma買収とAdobe XDのこれから

2022/09/20 242 users Figma買収 figma Adobe ツイート ユーザー

※私はFigmaがAdobeに買収されたからといって、即座にFigmaがサービス終了するとは思っていません。ただ、アップデート速度が遅くなるなどゆっくりと時間をかけて衰退していったり、次第にユーザーが離れてしまうことはあり得ると思っています。 Adobe XDはどうなる？ Web制作者の方のツイートを見ていると「Adobe XDがFi... 続きを読む

もうこれでUI用のアイコンには困らない！商用でも完全無料で利用できる、SVG完備のアイコン素材 -iconsax

2021/10/27 308 users figma SVG SVG完備 SVGアイコン フォーマット

WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるiconsaxを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。スタイルは6種類、フォーマットはSVGをはじめ、Adobe XD、Figma... 続きを読む

Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG

2021/10/15 485 users figma JMDC はんざわ エンジニア ご存知

JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか？ JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。 乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく... 続きを読む

WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons | コリス

2021/06/27 59 users コリス figma Sketch アロー コピペ

アロー・ホーム・サーチ・カート・メール・ソーシャルメディア・ハートをはじめ、WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できるAkar Iconsを紹介します。 コピーしたSVGコードはHTMLに貼り付けて使用してもよし、Adobe XD, Figma, Sketchなどでも利用できます。 Akar Icons ... 続きを読む

ウェブデザインにおけるline-heightについて | Rriver

2021/04/23 369 users Rriver ウェブデザイン line-height 曲者

ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回... 続きを読む

商用利用無料、UIデザイン用のSVGアイコンが1100種類！Adobe XDやFigmaのツールも完備されてて、これは便利 | コリス

2020/09/09 376 users figma 商用プロジェクト コリス ソース プロダクト

企業サイトをはじめ、プロダクト、オンラインショップ、アプリ、ブログなど、さまざまな商用プロジェクトで無料で利用できるSVGアイコンを紹介します。 SVGアイコンの数は1,100種類以上で、しかもオープンソース！ さらに、...記事の続きを読む 続きを読む

Adobe XDの使い方がこれでよく分かる！Adobe公式、ワイヤーフレーム・プロトタイプのチュートリアルファイル | コリス

2020/06/22 200 users チュートリアルファイル コリス ワイヤーフレーム 基本操作

先日ローンチされたAdobe XD Trailから、Adobe XDの使い方がよく分かるワイヤーフレーム・プロトタイプを制作するチュートリアルファイルを紹介します。 Adobe XDの基本操作をはじめ、ワイヤーフレームの...記事の続きを読む 続きを読む

Adobe XDがSketchよりも優れている理由 | コリス

2019/09/19 56 users コリス Sketch UIデザイナー 勢い 周り

最近、私の周りでもAdobe XDを使用する人が増えてきました。特に日本では、SketchユーザーよりAdobe XDユーザーの方が勢いがあるように感じます。 SketchとAdobe XDを長きに渡り使用し、その結果Adobe XDを使用することにしたUIデザイナーの比較記事を紹介します。海外だとSketchの方が多く感じてましたが、そういう流れ... 続きを読む

デザイン制作が捗る、個人的におすすめなAdobe XDの便利プラグイン 20 | NxWorld

2019/09/17 123 users デフォルト プラグイン NxWorld 多数 アップデート

デフォルトでも便利な機能が多数用意されており且つ定期的にアップデートも行われているAdobe XDですが、プラグインを利用することでより効率よくデザイン制作を進めることができます。 便利なプラグインが数多く公開されていますが、それらの中でも個人的に特におすすめなプラグインを紹介します。 ※エントリー内では基... 続きを読む

PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売 | Stocker.jp / diary

2019/07/01 1040 users Illustrator Stocker.jp diary

私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初... 続きを読む

まだAdobe XD使ってないの？はじめての人もこれを読めばすぐに使えるAdobe XDのトリセツ | 東京上野のWeb制作会社LIG

2019/06/12 73 users トリセツ LIG Web制作会社LIG 東京上野 カメ

やっとかめだなも！ LIGのWeb事業部でマネージャーをしているちゃんれみです！ 最近、周りの人からAdobe XDについて質問されることが増えてきました。すっかり「XDおばさん」の名が定着してきたようです。 Adobe XDとは Adobe XDは、Webアプリやモバイルアプリ用のユーザー操作性をデザインし、プロトタイプ化するための... 続きを読む

Adobe XDを使っている人はダウンロードしておこう！Adobe公式、新しいセマンティックUIのコンポーネント | コリス

2019/06/12 63 users コリス React コンポーネント フレームワーク CSS

Adobe公式から新しいUIキットがリリースされています。 Semantic UIのフレームワークに基づいた80種類以上のコンポーネントが収録された素材で、HTMLやCSS、さらにはReactでデザインを実装することがで...記事の続きを読む 続きを読む

Web制作で役立つAdobe XDの「神プラグイン10選!!」導入方法からおすすめポイントまで徹底解説!! - ウェブ企画ラボ

2019/03/19 58 users ウェブ企画ラボ Web制作 徹底解説 導入方法 フロー

颯爽とAdobe界に登場し、我々制作者のフローをより便利にしてくれるステキな「Adobe XD」。 XDは日々アップデートが行われ、便利な機能追加が進んでいます。しかし、まだまだ「この機能があったらいいな！」が絶妙に無かったりで、本格的に稼働させようと思うと、歯がゆい思いをするデザイナーさんも多いのではないでし... 続きを読む

Adobe XDでアニメーションのあるプロトタイプをデザインしよう | Webクリエイターボックス

2019/02/07 51 users プロトタイプ アニメーション デザインカンプ アプリ 作成

2019年2月7日 Webデザイン, XD Webサイトのデザインカンプを画像として作成…というのはもう昔の話。最近ではアニメーションの伴ったWebサイトやアプリばかりで、それを画像で説明するのはなかなか困難です。Adobe XDを使えばアニメーションを含めたプロトタイプが作成できますよ！ 作成するもの 今回はAdobe XDを使って... 続きを読む

Adobe XDの自動アニメーションとドラッグジェスチャー機能を使って、UIのインタラクションを実装したまとめ | コリス

2019/01/24 76 users コリス インタラクション トラン エフェクト アニメーション

Adobe XDの2018年10月のアップデートで使えるようになった新機能「自動アニメーション」「ドラッグジェスチャー」を使用して、Webサイトやスマホアプリで見かけるUIのさまざまなアニメーションやインタラクションの実装を紹介します。 Adobe XDの「自動アニメーション機能」はかなり簡単にさまざまなエフェクトやトラン... 続きを読む

iOS 12に使用されている全てのUI要素・スクリーンが収録されたAdobe XD, Sketch, Figma用の無料デザイン素材 | コリス

2018/11/28 70 users コリス Sketch 商用 クライアント Figma用

iOS 12のパブリックリリース版で使用されている全てのUI要素・スクリーンが収録された、Adobe XD, Sketch, Figma用の無料デザイン素材を紹介します。 iOS 12 GUI ダウンロードできる素材は、3種類です。 Adobe XD用 Sketch用 Figma用 利用にあたっては個人でも商用でも、クライアントのプロジェクトでもOKです。 詳しく... 続きを読む

Adobe公式の最新版！Adobe XDで使用できるすべてのショートカットが一枚にまとめられたチートシート | コリス

2018/11/13 75 users ダブルクリック ズーム コリス ペン バス

Adobe XD: ツールメニューのショートカット V 選択 R 四角形 E 楕円形 L 線 P ペン T テキスト A アートボード Z ズーム command+3 選択範囲に合わせてズーム XDでは、選択範囲に合わせてのズームもできます。 Adobe XD: パスまたはペンに関するショートカット P ペンツールに切り替える ダブルクリック ポイントを切り... 続きを読む

Zeplinがかなり便利！Adobe XDやPhotoshopからデザインの指示書やスタイルガイドを簡単に自動作成できる | コリス

2018/10/26 56 users Zeplin デザイ コリス Photoshop スマホアプリ

Webサイトやスマホアプリのデザインの指示書やスタイルガイドをわざわざ作成するのは時間がかかり、なかなか面倒です。Adobe XDやPhotoshopなどで作成したファイルから、Zeplinでこれらを自動生成する方法を紹介します。 Zeplinは1プロジェクトまで無料で利用できます。Adobe XDにもデザインスペックという機能でデザイ... 続きを読む

Adobe XDでシンプルなワイヤーフレームを作ろう！便利なUIキットいろいろ | Webクリエイターボックス

2018/07/02 124 users ワイヤーフレーム デザインテンプレート UIキット 前段階

2018年7月2日 Webサイト制作, XD 新たなデザインツールとして浸透してきているAdobe XD。Webクリエイターボックスでも何度か紹介してきました。Adobe XDはデザインを作り込むだけではなく、その前段階であるワイヤーフレーム制作にもおすすめです。様々なUIキットと呼ばれるデザインテンプレートが配布されていますが、... 続きを読む

ディレクターにもうれしい。Adobe XD用の日本語ワイヤーフレームUIキット「Wires jp」提供開始！ – Adobe Creative Station

2018/06/29 367 users ディレクター Adobe XD用 提供開始 英語表記 海外製

ディレクターにもうれしい。Adobe XD用の日本語ワイヤーフレームUIキット「Wires jp」提供開始！ BY 栄前田 勝太郎 2018.06.29 公開 ​Adobe XDには、ワイヤーフレーム制作用の無料UIキットとしてWiresが用意されています。海外製で英語表記であるため、いまひとつ使いづらいと感じていた方もいらっしゃるのではないでし... 続きを読む

10分で分かる！Adobe XDの新機能や実践的な使い方が学べるAdobe公式チュートリアルファイル中級編 | コリス

2018/06/21 75 users コリス ブッダ 四則計算 固定ヘッダ 待望

Adobe XDは毎月アップデートされ、6/19のアップデートでは待望の固定ヘッダ・フッタ、アートボードのオーバーレイ、数値フィールドの四則計算に対応しました。Webサイトやスホマアプリの制作に役立つ機能ばかりで、作業がどんどん便利になっています。 そんな新機能も含めた使い方が学べる「Adobe XDスターターキット中... 続きを読む

簡単すぎて驚いた！ユーザーフローとプロトタイプが短時間で作成できてしまうツール -Overflow | コリス

2018/05/28 104 users Sketch コリス Photoshop プロトタイプ ツール

Webサイトやスマホアプリのデザインで重要なのは、単一の画面ではなく、ユーザーがどのように遷移するか全体の流れを通して画面をデザインすること。 しかし、ユーザーフローやプロトタイプを作成するのは、なかなか面倒です。 Sketch（Photoshop, Adobe XDにも対応予定）ファイルからアートボードを自動同期し、ユーザーフローとプロトタイプを簡単に短時間で作成できるツールを紹介します。 現在... 続きを読む