ウェブアクセシビリティ検証ツール「Stark」 | Accessible & Usable

2023/09/22 14 users Accessible Stark figma Sketch

公開日 : 2023年9月22日 カテゴリー : アクセシビリティ 「Stark」というウェブアクセシビリティ検証ツールがあります。各種ブラウザ (Chrome、Firefox、Safari、Edge) の拡張機能として、あるいは各種デザインツール (Figma、Sketch、Adobe XD) のプラグインとして、色覚シミュレーションや色のコントラスト比のチェッ... 続きを読む

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」単体プランの販売は終了 ～メンテナンスモードに／「Adobe Creative Cloud」コンプリートプランでの提供は継続

2023/01/25 8 users 続報 コンプリートプラン 単体プラン メンテナンスモード 継続

続きを読む

「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... 続きを読む

Adobe XDで無料のスタータープランを使い続ける方法

2022/04/19 9 users スタータープラン WordPress 基礎 講座 動画受講

Webデザイン Adobe XDで無料のスタータープランを使い続ける方法 Tuesday, April 19th, 2022 スマートフォン時代のWebデザインスクール ご自宅で動画受講可能、3月末まで割引&体験レッスン無料！ モダンなWebデザイン制作・Adobe XD・Photoshop・UI/UXなど基礎から学べる講座です。 WordPressでWebサイトを制作したい方... 続きを読む

もうこれで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を操作できるようになるべく... 続きを読む

AdobeXDで更新しやすいテーブルの雛形を作ってみた〜コンポーネント・スタック・パディング機能の活用〜 | 株式会社LIG

2021/07/05 19 users ひな形 AdobeXd 雛形 コンポーネント 背景

こんにちは、Webディレクターのイナッチです。 今回は、Adobe XD（以下：XD）で更新しやすいテーブルのひな形を作りましたので、ご紹介します。 せっかくなのでなぜ更新しやすいテーブルを作ろうと思ったのか？ なぜ作れたのか？ などの背景も合わせてご紹介いたします。が、そんなことはいいから早くテーブルを見たい方... 続きを読む

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の扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回... 続きを読む

最新版で比較するAdobe XDとFigmaの違い - デザイン機能編 - ICS MEDIA

2021/03/26 16 users figma InVision Sketch 新進 UXデザイン

近年、UI/UXデザインで活躍するデザインツールとしてAdobe XD、Figma、Sketch、InVisionなどさまざまなツールが登場しています。本記事では日本での人気が高い「Adobe XD」と近年盛り上がりを見せている新進気鋭のデザインツール「Figma」にフォーカスして機能の紹介、比較をします。 UI/UXデザインツールには、大きく分... 続きを読む

アウトプットの精度が上がる！「Adobe XDをプロトタイピングに活かす方法」 研修レポート | メンバーズクリエイターズブログ

2021/03/01 10 users プロトタイピング 森山 アウトプット 精度 受講

2021.3.1 アウトプットの精度が上がる！「Adobe XDをプロトタイピングに活かす方法」 研修レポート ツールデザインナレッジ研修 皆さん、こんにちは。 メンバーズキャリアカンパニー所属ディレクターの森山です。 この度、2021年1月26日にオンラインにて開催された「Adobe XDをプロトタイピングに活かす方法」研修を受講... 続きを読む

商用OK！今どきのおしゃれイラスト素材を無料ダウンロードできる優良サイト19個まとめ - PhotoshopVIP

2021/01/21 6 users PhotoshopVIP プロトタイプツール figma

Stubborn Generator SketchやFigma、Adobe XDなどのプロトタイプツールで利用できる、無料のキャラクター作成ツール。異なる表情や服装、ポーズなどニーズに合ったデザインに仕上げることができます。 Humaaans 着せ替え感覚で自分だけのオリジナルイラストを手軽に作成できるSkethc用ライブラリ。体のパーツや肌の色、... 続きを読む

商用OK！今どきのおしゃれイラスト素材を無料ダウンロードできる優良サイト19個まとめ - PhotoshopVIP

2021/01/20 17 users PhotoshopVIP プロトタイプツール figma

Stubborn Generator SketchやFigma、Adobe XDなどのプロトタイプツールで利用できる、無料のキャラクター作成ツール。異なる表情や服装、ポーズなどニーズに合ったデザインに仕上げることができます。 Humaaans 着せ替え感覚で自分だけのオリジナルイラストを手軽に作成できるSkethc用ライブラリ。体のパーツや肌の色、... 続きを読む

「Adobe XD」のデザインを「Flutter」のコードに変換するプラグインが一般公開 - 窓の杜

2020/09/28 9 users Flutter プラグイン コード デザイン 一般公開

続きを読む

デザインシステムは更新し続けるもの　Adobe XDでデザインシステムを体験 - ログミーTech

2020/09/23 7 users ログミーTech デザインシステム 体験 とおり 要素

XDでデザインシステム構築を体験する前の準備 池原健治氏：ではここから実際に、XDを使ってデザインシステムを構成する要素を体験しながら、先ほどの三天王の最弱たるコンポーネントライブラリをデザインシステムにスムーズに組み込むための運用方法を考えていきます。 あらかじめメールとかでもご案内していたとおり、... 続きを読む

ウェブ・アプリエンジニアのためのFigma入門 (2) Figmaのキホン | さくらのナレッジ

2020/09/09 17 users figma Sketch ナレッジ キホン レイヤー

連載の2回目となる本記事では、Figmaの基本的な使い方を説明します。 今回の記事ではデザインツールを使ったことのない人向けに知ってほしいこと、Figmaの画面説明やレイヤーの設置・編集方法といったFigmaでUIモックを作るための機能について説明します。 SketchやAdobe XDのようなデザインツールの基本的な使い方に慣... 続きを読む

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

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

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

WebページやスマホアプリのUIデザイン・モックアップが簡単に！Adobe XDのプラグイン「Spectrum」が便利 | コリス

2020/08/04 23 users spectrum コリス モックアップ コンポーネント 作成

WebページやスマホアプリのUIデザインで、一貫したコンポーネント・テーマ・カラー・タイポグラフィ・アイコンなどを作成・管理できるAdobe XDの無料プラグイン「Spectrum」を設計したAdobeのデザインシステム・デザインマネージャーの解説記事を紹介します。 Spectrum for Adobe XD: Adobe’s design language in its ex... 続きを読む

作って覚えるAdobe XDの便利機能 5つ | Webクリエイターボックス

2020/06/24 6 users Webクリエイターボックス 5つ webデザイン デザイン

2020年6月24日 Webデザイン, XD プロトタイプやデザインの制作時にAdobe XDを使っている人も多いでしょう。Adobe XDは新しい機能がちょこちょこ追加されているので、定期的にチェックするといいですね。今回はひとつのページを作成しながら、覚えておくと便利な機能を紹介します。 1. 「スクロールグループ」で横スクロ... 続きを読む

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

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

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

Facebook, Twitter, Instagram, TikTokなど、各ソーシャルメディアで推奨の画像・動画サイズのまとめ -SocialSizes | コリス

2020/06/19 15 users Instagram Twitter Facebook コリス

Facebook, Twitter, LinkedIn, Instagram, Pinterest, TikTok, YouTube, AppStoreなど、各ソーシャルメディアで推奨されている画像のサイズ、最低限必要なサイズ、動画の長さなどをまとめてダウンロードできるSocialSizesを紹介します。 Adobe XD, Figma, Sketch, Photoshop用のファイルが用意されており、個別でも一括... 続きを読む

Adobe XD Trail - 動画でXDを学ぶ総合学習プログラム

2020/06/11 15 users 高み アイデア Adobe XD Trail あなた 動画

Adobe XDを動画で学ぶ。 自由に使う。 Adobe XD を使いこなせれば、 あなたのアイデアや想像したものを形にすることができるはず。 学びからさらなる高みを目指しませんか。 続きを読む