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のようなプロトタイピングツールを使用しようと考えていました。 最初... 続きを読む

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

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

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

無料で使えるAdobe XDの社内導入を後押しする活用事例5選 - ICS MEDIA

2018/05/23 402 users ICS MEDIA Illustrator プロトタイプ

先日、 5月のアップデートリリース に合わせてAdobe XDが 無料で利用できるプランが発表 されました。2017年10月に正式版がリリースされ、その後も 毎月機能追加や機能改善 が行われ、現在もハイスピードで開発されています。 XDはUI/UXデザインに特化しており、デザイン制作はもちろん Web上で動作するプロトタイプまで作成 できます。PhotoshopやIllustratorと比べるとデ... 続きを読む

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

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

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

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

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

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

ディレクターにもうれしい。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が用意されています。海外製で英語表記であるため、いまひとつ使いづらいと感じていた方もいらっしゃるのではないでし... 続きを読む

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

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

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

デザイナーこそブログを書くべき3つのメリットと苦手克服法｜macheri｜note

2017/12/18 288 users Sketch macheri 一石二鳥 宝庫 Note

嫌になるほど苦手だったブログ執筆は、 デザイン制作に欠かせないスキル向上の宝庫だった 会社の技術ブログ執筆に誘われたことがきっかけです。 「ブログ執筆を習慣化すればデザイナーは一石二鳥だ！」と感じたデザイナーにとっての3つのメリットについて。そして、ブログ執筆の苦手意識をどのように克服したかについてお話します。 先日SketchとAdobe XDの比較についての記事を会社ブログに書きました。 【 ... 続きを読む

チームの課題から考える、Adobe XDとSketchの導入メリット – PSYENCE:MEDIA

2017/12/07 276 users PSYENCE Sketch Media 課題 チーム

この記事は RECRUIT MARKETING PARTNERS Advent Calendar 2017 の投稿記事です。 こんにちは！現在キッズリーのデザインを担当しているデザイナーの町田（ @macheri_me ）です。 今年で中途入社３年目となりました。本日は弊社の制作事例をもとに、AdobeXD・Sketchの活用法についてご紹介します。 【この記事を読んでもらいたい人】 これからAd... 続きを読む

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

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

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

Adobe XDがどんどん便利になってる！Web制作に使える無料素材のまとめ | コリス

2017/10/27 220 users 本命 レイアウト 人工知能Adobe Sensei コリス

先週のCreative Cloudアップデートで、Adobe XDが正式版としてリリースされました。Adobeユーザーはもちろん、Windowsがメイン環境の人にもUI/UXデザインの本命と言えるでしょう。 昨日のAdobe Creative Cloud道場のライブ動画ではAdobe XDの近い将来の機能として、タブレット用のレイアウトを作成したら、人工知能Adobe Senseiでスマホ用の複数... 続きを読む

アドビの新しいUXデザインツール、Adobe XD (Preview 1) 登場！使い方をクイックに解説 | Adobe Creative Station

2016/03/14 209 users アドビ preview クイック 無償 モード

みなさんお待ちかねの”Project Comet”改め、Adobe Experience Design（以下、Adobe XD）が、本日3/14にPublic Preview 1（Mac OS Xのみ）として公開されました。Adobe IDがあればどなたでも無償でお試しいただけますので、まずはクイックに使い方を解説したいと思います。 Adobe XD (Preview)の2つのモードを使い分けよう... 続きを読む

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

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

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

Facebookのプロトタイピングツール、Origami Studio発表 | UX MILK

2016/04/14 166 users プロトタイピングツール Facebook Pixate 需要

近年アプリ制作者の間では、UIだけでなくアプリのUXを検証すべく、プロトタイピングツールの需要が年々高まっています。国内ではPrott、国外ではInvisionやPixate、Flintoなどがありますが、最近だとAdobeも Adobe XDというツールを発表する など、大手も積極的に業界に参戦しています。 そんな中、Facebookの開発者向けイベント「F8」にてFacebookのプロトタイピ... 続きを読む

Sketch はもういらない？ デザインツール Figma の紹介

2017/12/19 159 users Sketch figma 議論 デザイナー ご存知

（Figma： https://www.figma.com/ ） はじめに いきなりですが、デザインツールの Figma をご存知でしょうか。 Adobe XDが正式リリースされてから『Sketch vs Adobe XD』のような記事をネットやSNSでしばしば見かけますが、そういった議論ができる最先端のデザイナーでも、ご存知ない方もいらっしゃるかもしれません。試しにSketchとXD、そしてFi... 続きを読む

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

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

続きを読む

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

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

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

Adobe XDなしにはもう生きられない！これからのWebデザイナーのワークフローが変わるかも!? | 東京上野のWeb制作会社LIG

2018/05/16 127 users ワークフロー Web制作会社LIG ディレクター デザイナー

こんにちは！　野尻湖オフィス デザイナーのずんこです。 最近追加された新機能を確認してみたら、Adobe XDが大幅アップデートされ、さらに誰でも使える 無料プラン まで提供されていて、改めてすごく進化していることに気づきました。 今でこそ社内のディレクターもデザイナーもXDを使用していますが、XDがこんなにメジャーになる前に社内にXDを普及させようと書いた記事があります。 これ以降XDを使ってな... 続きを読む

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

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

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

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

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

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

Adobe XDでWebデザインをしよう！画面作成からページ推移までの手順を紹介 | Webクリエイターボックス

2018/03/15 122 users 手順 Webクリエイターボックス ページ推移 webデザイン

2018年3月15日 Webデザイン , XD デザインやプロトタイプを作成できる Adobe XD 。みなさん使っていますか？ 先日アップデート もされ、Photoshopとの連携がより簡単になったり、 Sketch ファイルも扱えるようになるなど、進化が進んでいますね。これまではWebサイトのデザインにはPhotoshopが多く使われてきましたが、これからはXDが主力となっていきそうな予感。と... 続きを読む

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

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

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

Adobe XDの使い方をマスターしておこう！基本的な操作が10分で身につくAdobe公式のチュートリアルファイル | コリス

2018/04/17 92 users スターターキット チュートリアルファイル コリス シーン 操作

今年になってからのAdobe XDのアップデートは機能がどんどん強化され、デザインツールとしてより完成されてきました。実際に仕事に採用しているシーンも多く見かけます。 Adobe XD初心者向けに、基本的な使い方が身につくAdobe公式のスターターキットがあるので、試してみてはいかがでしょうか。 10分ほどのチュートリアル形式で、Adobe XDの基本操作や機能がよく分かります。 続きを読む

これを見ておけば脱初心者！Adobe XD, Photoshop, Illustratorでデザインの作り方の手順がよく分かる1分動画 | コリス

2017/11/17 86 users コリス Premiere Illustrator 手順 正式版

CC 2018でついに正式版としてリリースされたAdobe XD CCをはじめ、CC 2018ではPhotoshop, Illustrator, Premiereなど、数多くのアプリが機能を強化してバージョンアップされました。 それらのアプリでどんなことが具体的にできるのか、どのような手順なのか、1分で分かる動画を紹介します。 それぞれの動画は1分ほどですが、数があるのでブックマークしておいて、時... 続きを読む

いま求められるデザイナーの役割と働き方。長谷川 恭久 氏インタビュー Part 1 | Adobe Creative Station

2018/01/25 77 users 長谷川 デザイナー 顧客 背景 長谷川氏

いま求められるデザイナーの役割と働き方。長谷川 恭久 氏インタビュー Part 1 BY akihiro kamijo 2018.01.25 公開 Adobe XD など新しいデザインツールがここ数年いくつも登場している背景には、デザイナーに求められる役割や、顧客との関係性の変化があると指摘する長谷川氏。そうした変化に対応するため、これからのデザイナーは、新しい環境やデザインツールとどのように向き... 続きを読む