手提鞄あたっしゅ(TESAGEKABAN Atassyu)'s Adobe XD

• [Figma]
  • Figma（フィグマ）とは？初心者でも分かる Web デザインツールの使い方｜ferret(ja)
  • Figma の使い方、全力でまとめました。｜hikaru-takase / Retty｜note(ja)
  • デザインツール「Figma の使い方」図解でわかりやすく（基本編）(ja)
  • デザインツール Figma のメリットとは？インストール～…｜Udemy メディア(ja)
  • Figma の使い方 - Qiita(ja)
  • エンジニアでも出来る！Figma を使って自作アプリをリニューアル - Qiita(ja)
  • Figma リンク集まとめ！【Figma】 - Qiita(ja)
  • 今からでも遅くない！ゼロから始める Figma の使い方 Part1 | Beans Blog | 東京のWeb制作会社 | 千代田区九段南のビットビーンズ(ja)
  • Figma から画像を書き出す方法 | Web デザイナー独学入門(ja)
  • Figma の Web デザインを本物のスマホアプリに変換できる 「Bravo Studio」を使ってみた！ - paiza 開発日誌(ja)
  • Bravo Studio(ja)
  • Figma vs XD | VISASQ TECH BLOG(ja)
  • 素材の壺 | AdobeXD のデータを figma で編集できるように移管したい時の対応方法(ja)
• Adobe XD を HTML にエクスポートする方法 - インターネットとソーシャル | 六月 2021(ja)
• XD アートボードを「Web Export」で HTML（CSS Javascript）に変換する方法 | TechTech Note(ja)
• Adobe xd を html にエクスポートする方法 2021(ja)
• XD のデザインカンプから HTML コーディングを行う方法｜画像書き出し等(ja)
• AdobeXD を使って開発したら地獄を見た件について - Qiita(ja)

ワイヤーフレーム

1. XD でワイヤーフレームを作成 | Adobe(ja)
2. XDことはじめStep1：まずはここから！「ワイヤーフレームを作ってみよう」 | Adobe XD チュートリアル(ja)
3. 爆速に Adobe XD でワイヤーフレームを作ってみよう！魅力的な機能や高速化のコツをご紹介！ | 株式会社WEB企画(ja)
4. Adobe XDでシンプルなワイヤーフレームを作ろう！便利なUIキットいろいろ | Webクリエイターボックス(ja)
5. Adobe XDでワイヤーフレーム制作するなら知っておくべき機能｜ferret(ja)
6. ワイヤーフレームにはAdobe XDが便利！7つのメリットをご紹介！｜WEB担・デザイナー向けスキルアップノート｜デザイン事務所セーノ｜横浜のホームページ制作会社(ja)
7. XDでサクッとワイヤーフレームを作る方法【サンプル：ファッション系】(ja)
8. 【Adobe XD講座 -1-】爆速でワイヤーフレームを作成するための機能をご紹介！ | 大阪府のホームページ制作会社プラソル(ja)

1. 3-5. アートボード特有の機能と使い方 | UI/UX デザインツール『Adobe XD』入門 - chot.design -(ja)
2. Adobe XD でレイヤーを使用してオブジェクトを整理する方法.(ja)
3. Adobe XD をもっと使いこなすヒント！ 第 14 回 レイヤーパネルの操作 - Adobe Blog(ja)
4. Adobe XD でアートボードを追加し、編集する方法 | Adobe XD チュートリアル(ja)
5. 【XD 入門】基本操作の説明 - Qiita(ja)
6. XD での自動アニメーション(ja)
7. (1) Designing Adobe XD - Episode 24 - Auto Animate Tips & Tricks - YouTube(en)

1. Why Zeplin | Zeplin(en)
2. HTMLコーディングを加速させるZeplinを導入してみた！ | Maromaro Blog(ja)
3. Adobe XD とZeplinを連携してコーディングを楽する方法｜Koushi Kagawa 😊｜note(ja)
4. 10年間Webサイト制作の現場にいた僕が今更ながら全力ですすめるアプリ「Zeplin」でできること | 東京上野のWeb制作会社LIG(ja)
5. Zeplinがかなり便利！Adobe XDやPhotoshopからデザインの指示書やスタイルガイドを簡単に自動作成できる | コリス(ja)
6. デザインスペックとZeplin連携はここが便利: Adobe XDで開発者との連携がずっと楽になるヒント1 - Adobe Blog(ja)
7. WEBデザインをFw→Ps→Ai→Xdへ　Xdからのデザイン書き出し方法 | POP BINGO WEB(ja )

1. 文章をクリックして、</> を押して、コンテンツ　の所で、コピペできる。

XDの自動アニメーションは
オブジェクトの位置を変更しなくても
「レイヤー名を変更する」だけでも作れます

XDは
「レイヤー名」「プロパティ」「描画スタイル(パス、長方形など)」の変化を見て自動処理するので
レイヤー名を変更するだけでアニメーションを作成する事ができます#AdobeXD #xdug pic.twitter.com/T6I0OBriOq

— Osamu SATO💭CSS Nite LP67登壇 (@OsatoCom) December 9, 2019

1. Adobe MAX Japan （多分）ショートセッション ツイートまとめ - Togetter(ja)

1. 昼休み：space + マウス・ドラッグで、スクロール。

1. Adobe XDなしにはもう生きられない！これからのWebデザイナーのワークフローが変わるかも!? | 東京上野のWeb制作会社LIG(ja)
2. Adobe XD 5月アップデートリリース！無料プランが新たに登場！ #AdobeXD - Adobe Blog(ja)
3. ついに「Adobe XD」の日本語版リリース！Webサイト制作がはかどり過ぎて楽しい | 東京上野のWeb制作会社LIG(ja)
4. アドビの新しいUXデザインツール、Adobe XD (Preview 1) 登場！使い方をクイックに解説 | Adobe(ja)
5. Adobe XD - ホーム(ja)