作って覚えるAdobe XDの便利機能 5つ
2022年4月27日 Webデザイン, XD プロトタイプやデザインの制作時にAdobe XDを使っている人も多いでしょう。Adobe XDは新しい機能がちょこちょこ追加されているので、定期的にチェックするといいですね。今回はひとつのページを作成しながら、覚えておくと便利な機能を紹介します。 ↑私が10年以上利用している会計ソフト！ 1. 「スクロールグループ」で横スクロールを表現 「スクロールグループ」では表示範囲外のコンテンツをスクロール操作によって表示できる機能です。横にスクロールするカルーセルや、多方向に動かせるGoogleマップの埋め込みなどに使えますね。今回は横にスクロールできるイメージギャラリーを設置します。 まずはリピートグリッドで画像を表示させるボックスを用意しましょう。別途用意していた画像たちをボックスにドロップすれば画像が表示されます。 このままだと画面の外にある画像
テレワークのミーティングに役立つツールが全部無料で使える！Adobe XDの協業用プラグインが登場 -Whiteboard
テレワークで困るのが、複数人でのミーティングやアイデア出しなどの意見を交わす場を持てないことです。Adobe XDの便利なプラグインが登場しました！ Whiteboardの名の通りホワイトボードをはじめ、ブレインストーミング、カードソーティング、ワイヤーフレーム、フローチャート、マインドマップなど、Webサイトやスマホアプリのミーティングで使用するさまざまなツールが簡単に利用できます。 複数人での使用はもちろん、個人で使用するのにも便利です。 Adobe XDのビジュアル協業プラグイン「Whiteboard」 Adobe XDのプラグイン「Whiteboard」とは Adobe XDのプラグイン「Whiteboard」のダウンロード Adobe XDのプラグイン「Whiteboard」の使い方 Adobe XDのプラグイン「Whiteboard」とは Adobe XDはAdobeユーザーは
XDでpsdやaiをリンクさせたい！CCライブラリを使った方法と注意点｜spicagraph｜note
はじめにみなさんXD使ってますか？XDって みたいなイメージありますよね。サービスやアプリのUIには便利そうだけど、例えば↓こんなデザインを作る場合、IllustratorやPhotoshopの方が向いていそうに見えます。なぜなら、 XDでデザインする場合、↓こんな風にPhotoshopで画像を補正して書き出して…Illustratorでアイコンを作成して書き出して…変更を繰り返すには、ちょっと手間です。 IllustratorやPhotoshopのように、psdやaiファイルをそのままリンクできたら…しかしXDにリンク機能はありません。「読み込み」をすると、オブジェクトとしてファイルの中身が読み込まれます。 しかし、CCライブラリを使うと、psdやaiをリンクするように、編集の呼び出しや変更内容の同期が素早く行えるようになります。 - CCライブラリとは？AdobeのCreativeCl
Adobe XD User Fes 2019
東京を皮切りに、全国各地をリレー形式で開催する「Adobe XD User Fes 2019」。5月25日に開催された東京の模様を収録。 XD User Fesは、AdobeXDをビジネスや業務で活用している人はもちろん、趣味で、仲間で利用している人、そしてこれからXDを始めてみたいと思っている全ての人を対象に、XDの楽しさや面白さ、幅広い活用方法などの共有と交流を兼ねたイベントとしての開催を目指しています。 ハッシュタグ：#XDUFes2019 ▼関連リンク Adobe XD User Fes 2019 https://xdug.jp/xdufes2019/ Adobe XD User Group Japan https://xdug.jp/ ▼CC道場の動画一覧はこちら https://www.youtube.com/playlist?list=PLF_lcvNhVWn_4y
Adobe XD User Group Japan - Adobe XD ユーザーグループ公式サイト。各地のイベント・セミナー・勉強会の開催情報やレポートを発信していきます。
すでにXDを実戦投入している人による情報発信も増え、 興味を持った人がそれらの情報をもとに試したり導入したりし、 そしてまた情報発信に加わるというエコシステムが各地で広がっています。 さあ、Adobe XD の世界へ。
【Adobe XD】便利なプラグイン紹介 | バシャログ。
こんにちは。sitoです。 みなさん、XDのプラグイン、使ってますか？ 最近どんどん便利なプラグインが増えているようなので、sitoもいくつか導入してみました。 その中で、使ってみて便利だったプラグインをご紹介します。 Remove Decimal Numbers 図形等をリサイズしていて、小数点がついてしまったときに、整数（小数点以下切り捨て）に直してくれるプラグイン。 今まで手で地道に消していたので、めっちゃ楽になりました！ Stark カラーブラインドのシミュレーションと、コントラストチェックができるプラグインです。 カラーブラインドシミュレーションはアートボードごと、コントラストは２つのレイヤーを選択してチェックすることができます。 Ikono フリーアイコンサイト「ikonate」のプラグインです。 XD内でアイコンを選択して配置できるようになります。 線の太さを選択できたり、ア
Adobe XDとパターンライブラリから始めるデザインシステム構築の第一歩 | アドビUX道場 #UXDojo | Adobe Blog
様々なデバイスやメディアに向けたデザインをすること自体は新しい状況ではありません。とはいえ、それが簡単かどうかは別の話です。もし一貫性を持つデザイン実現のためにライブラリを構築しようと考えているなら、Adobe XDが近道かもしれません。 Adobe XDをデザインシステムの構築に利用できるかというアイデアは、ここしばらく私が取り組んでいる案件です。 XDは一貫性を保つのに有効なワークフローを提供し、同時に、継続的な変化に対応できる柔軟性も備えています。まだ十分とは言えないまでも、その目的に近づきつつあるのは確かでしょう。 1. パターンライブラリとして使うXDドキュメントを作る Adobe XDのデザインシステムへの活用は、パターンライブラリの構築から始まります。パターンライブラリはデザインシステムのごく一部ではありますが、一貫性の保持に重要な役割を果たします。 基本的には、パターンライ
誤字検知に役立つ！ Adobe XDのプラグイン「テキスト校正くん」をリリース - ICS MEDIA
Adobe XDで文章校正を支援するプラグイン「テキスト校正くん（英名：Japanese Proofreading）」を弊社からリリースしました。無料で利用できます。 テキスト校正くん for XD 本プラグインを利用することで、画面内の文章を手軽に校正でき、テキストの品質を高めることができます。 「テキスト校正くん」はテキストエディターの「VS Code」（参考）を以前から公開しており、約4万インストールと数多くの方に利用いただいています。また「テキスト校正くん」の校正機能をさまざまなツールで利用できるよう、デザインツールのAdobe XD（本記事）や「Figma」向けの拡張機能（参考）も開発し公開しています。 「テキスト校正くん」でできること XDのアートボード内の選択中のテキストに対して、文章校正を行います。チェック性能はVS Codeの拡張機能と同じく、一般的な文章のルールに沿って
Adobe XDなしにはもう生きられない！これからのWebデザイナーのワークフローが変わるかも!? | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 野尻湖オフィス デザイナーのずんこです。 最近追加された新機能を確認してみたら、Adobe XDが大幅アップデートされ、さらに誰でも使える無料プランまで提供されていて、改めてすごく進化していることに気づきました。 今でこそ社内のディレクターもデザイナーもXDを使用していますが、XDがこんなにメジャーになる前に社内にXDを普及させようと書いた記事があります。 これ以降XDを使ってなかったそこのあなた。この進化ぶりには目をみはるはずです！ そしておそらく最近のアップデートのありがたみを一番享受できるのがデザイナーなのではないかと私は思うのです。 なので再び、XDを布教する活動を行おうと思います。デザイナーの皆さん、準備はいいですか？ 軽い、早い、簡単そして安心 まず、Adobe XDはAdobe Creative Cloudを契約していれば、今すぐにでも導入できます。 XDを愛用
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
The Blog | Welcome to Adobe Blog
Mr.Creative.Edge - Art & Design on Twitter: "Adobe XD ! Design at the speed of thought. Animaciones creadas con Adobe XD. ¡Puedes crear más rápido! XDをモーションデザ… https://t.co/ESQ8x78Ht7"
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog