タグ Adobe XD
人気順 10 users 50 users 100 users 500 users 1000 usersウェブアクセシビリティ検証ツール「Stark」 | Accessible & Usable
公開日 : 2023年9月22日 カテゴリー : アクセシビリティ 「Stark」というウェブアクセシビリティ検証ツールがあります。各種ブラウザ (Chrome、Firefox、Safari、Edge) の拡張機能として、あるいは各種デザインツール (Figma、Sketch、Adobe XD) のプラグインとして、色覚シミュレーションや色のコントラスト比のチェッ... 続きを読む
Adobe XDは利用できなくなるのか、Adobeに問い合わせました | Stocker.jp / diary
Webデザイン Adobe XDは利用できなくなるのか、Adobeに問い合わせました Wednesday, January 25th, 2023 2023年1月に、Adobeの公式Webページの「Adobeのすべての製品一覧」からAdobe XDが消えたことでWeb制作者の間で大きな騒ぎになっています。 Adobeのすべての製品一覧ページで「XD」で検索した結果 というのもAdobeは... 続きを読む
【続報】「Adobe XD」単体プランの販売は終了 ~メンテナンスモードに/「Adobe Creative Cloud」コンプリートプランでの提供は継続
「Adobe XD」単体販売を終了、サポート継続へ Figmaとのすみ分けは「何も決まっていない」
アドビが、同社のプロトタイピングツール「Adobe XD」の単体販売を終了したことが1月24日までに分かった。ただし、「Creative Cloud」コンプリートプランには引き続き提供されており、契約すれば新規でのインストールも可能だ。 アドビが、同社のプロトタイピングツール「Adobe XD」の単体販売を終了したことが1月24日ま... 続きを読む
Adobeの製品一覧から「Adobe XD」が消失 ~買収した「Figma」への一本化で提供終了?/収録させてもらっている窓の杜も寝耳に水【やじうまの杜】
AdobeのFigma買収とAdobe XDのこれから
※私はFigmaがAdobeに買収されたからといって、即座にFigmaがサービス終了するとは思っていません。ただ、アップデート速度が遅くなるなどゆっくりと時間をかけて衰退していったり、次第にユーザーが離れてしまうことはあり得ると思っています。 Adobe XDはどうなる? Web制作者の方のツイートを見ていると「Adobe XDがFi... 続きを読む
Adobe XDで無料のスタータープランを使い続ける方法
Webデザイン Adobe XDで無料のスタータープランを使い続ける方法 Tuesday, April 19th, 2022 スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、3月末まで割引&体験レッスン無料! モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 WordPressでWebサイトを制作したい方... 続きを読む
もうこれでUI用のアイコンには困らない!商用でも完全無料で利用できる、SVG完備のアイコン素材 -iconsax
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるiconsaxを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。スタイルは6種類、フォーマットはSVGをはじめ、Adobe XD、Figma... 続きを読む
Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG
JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか? JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。 乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく... 続きを読む
AdobeXDで更新しやすいテーブルの雛形を作ってみた〜コンポーネント・スタック・パディング機能の活用〜 | 株式会社LIG
こんにちは、Webディレクターのイナッチです。 今回は、Adobe XD(以下:XD)で更新しやすいテーブルのひな形を作りましたので、ご紹介します。 せっかくなのでなぜ更新しやすいテーブルを作ろうと思ったのか? なぜ作れたのか? などの背景も合わせてご紹介いたします。が、そんなことはいいから早くテーブルを見たい方... 続きを読む
WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons | コリス
アロー・ホーム・サーチ・カート・メール・ソーシャルメディア・ハートをはじめ、WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できるAkar Iconsを紹介します。 コピーしたSVGコードはHTMLに貼り付けて使用してもよし、Adobe XD, Figma, Sketchなどでも利用できます。 Akar Icons ... 続きを読む
ウェブデザインにおけるline-heightについて | Rriver
ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回... 続きを読む
最新版で比較するAdobe XDとFigmaの違い - デザイン機能編 - ICS MEDIA
近年、UI/UXデザインで活躍するデザインツールとしてAdobe XD、Figma、Sketch、InVisionなどさまざまなツールが登場しています。本記事では日本での人気が高い「Adobe XD」と近年盛り上がりを見せている新進気鋭のデザインツール「Figma」にフォーカスして機能の紹介、比較をします。 UI/UXデザインツールには、大きく分... 続きを読む
アウトプットの精度が上がる!「Adobe XDをプロトタイピングに活かす方法」 研修レポート | メンバーズクリエイターズブログ
2021.3.1 アウトプットの精度が上がる!「Adobe XDをプロトタイピングに活かす方法」 研修レポート ツールデザインナレッジ研修 皆さん、こんにちは。 メンバーズキャリアカンパニー所属ディレクターの森山です。 この度、2021年1月26日にオンラインにて開催された「Adobe XDをプロトタイピングに活かす方法」研修を受講... 続きを読む
商用OK!今どきのおしゃれイラスト素材を無料ダウンロードできる優良サイト19個まとめ - PhotoshopVIP
Stubborn Generator SketchやFigma、Adobe XDなどのプロトタイプツールで利用できる、無料のキャラクター作成ツール。異なる表情や服装、ポーズなどニーズに合ったデザインに仕上げることができます。 Humaaans 着せ替え感覚で自分だけのオリジナルイラストを手軽に作成できるSkethc用ライブラリ。体のパーツや肌の色、... 続きを読む
商用OK!今どきのおしゃれイラスト素材を無料ダウンロードできる優良サイト19個まとめ - PhotoshopVIP
Stubborn Generator SketchやFigma、Adobe XDなどのプロトタイプツールで利用できる、無料のキャラクター作成ツール。異なる表情や服装、ポーズなどニーズに合ったデザインに仕上げることができます。 Humaaans 着せ替え感覚で自分だけのオリジナルイラストを手軽に作成できるSkethc用ライブラリ。体のパーツや肌の色、... 続きを読む
「Adobe XD」のデザインを「Flutter」のコードに変換するプラグインが一般公開 - 窓の杜
デザインシステムは更新し続けるもの Adobe XDでデザインシステムを体験 - ログミーTech
XDでデザインシステム構築を体験する前の準備 池原健治氏:ではここから実際に、XDを使ってデザインシステムを構成する要素を体験しながら、先ほどの三天王の最弱たるコンポーネントライブラリをデザインシステムにスムーズに組み込むための運用方法を考えていきます。 あらかじめメールとかでもご案内していたとおり、... 続きを読む
ウェブ・アプリエンジニアのためのFigma入門 (2) Figmaのキホン | さくらのナレッジ
連載の2回目となる本記事では、Figmaの基本的な使い方を説明します。 今回の記事ではデザインツールを使ったことのない人向けに知ってほしいこと、Figmaの画面説明やレイヤーの設置・編集方法といったFigmaでUIモックを作るための機能について説明します。 SketchやAdobe XDのようなデザインツールの基本的な使い方に慣... 続きを読む
商用利用無料、UIデザイン用のSVGアイコンが1100種類!Adobe XDやFigmaのツールも完備されてて、これは便利 | コリス
企業サイトをはじめ、プロダクト、オンラインショップ、アプリ、ブログなど、さまざまな商用プロジェクトで無料で利用できるSVGアイコンを紹介します。 SVGアイコンの数は1,100種類以上で、しかもオープンソース! さらに、...記事の続きを読む 続きを読む
WebページやスマホアプリのUIデザイン・モックアップが簡単に!Adobe XDのプラグイン「Spectrum」が便利 | コリス
WebページやスマホアプリのUIデザインで、一貫したコンポーネント・テーマ・カラー・タイポグラフィ・アイコンなどを作成・管理できるAdobe XDの無料プラグイン「Spectrum」を設計したAdobeのデザインシステム・デザインマネージャーの解説記事を紹介します。 Spectrum for Adobe XD: Adobe’s design language in its ex... 続きを読む
作って覚えるAdobe XDの便利機能 5つ | Webクリエイターボックス
2020年6月24日 Webデザイン, XD プロトタイプやデザインの制作時にAdobe XDを使っている人も多いでしょう。Adobe XDは新しい機能がちょこちょこ追加されているので、定期的にチェックするといいですね。今回はひとつのページを作成しながら、覚えておくと便利な機能を紹介します。 1. 「スクロールグループ」で横スクロ... 続きを読む
Adobe XDの使い方がこれでよく分かる!Adobe公式、ワイヤーフレーム・プロトタイプのチュートリアルファイル | コリス
先日ローンチされたAdobe XD Trailから、Adobe XDの使い方がよく分かるワイヤーフレーム・プロトタイプを制作するチュートリアルファイルを紹介します。 Adobe XDの基本操作をはじめ、ワイヤーフレームの...記事の続きを読む 続きを読む
Facebook, Twitter, Instagram, TikTokなど、各ソーシャルメディアで推奨の画像・動画サイズのまとめ -SocialSizes | コリス
Facebook, Twitter, LinkedIn, Instagram, Pinterest, TikTok, YouTube, AppStoreなど、各ソーシャルメディアで推奨されている画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSocialSizesを紹介します。 Adobe XD, Figma, Sketch, Photoshop用のファイルが用意されており、個別でも一括... 続きを読む
Adobe XD Trail - 動画でXDを学ぶ総合学習プログラム
Adobe XDを動画で学ぶ。 自由に使う。 Adobe XD を使いこなせれば、 あなたのアイデアや想像したものを形にすることができるはず。 学びからさらなる高みを目指しませんか。 続きを読む