Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Adobe XD PICK UP

isaikaori
February 23, 2019

Adobe XD PICK UP

名古屋 Adobe XD Meeting #01
https://xdstudy-nagoya.connpass.com/event/116326/

isaikaori

February 23, 2019
Tweet

More Decks by isaikaori

Other Decks in Design

Transcript

  1. View Slide

  2. 井斉花織@いおり
    XDUG名古屋管理人
    有限会社アップルップル デザイナー
    XD歴だいたい1年くらい

    View Slide

  3. 1
    アップデート機能紹介
    2
    今から使えるプラグイン紹介

    View Slide

  4. 1
    アップデート機能紹介
    2
    今から使えるプラグイン紹介

    View Slide

  5. Adobe XD アップデート
    https://blogs.adobe.com/japan/serialization/adobe‒xd‒update/

    View Slide

  6. 2019/02/09
    2019/01/30
    2019/03/11?

    View Slide

  7. Photoshop/illustratorファイルをドキュメント上にインポート
    Photoshopスマートオブジェクトの調節レイヤーを保持
    プロトタイプ録画にナレーション機能を追加
    スポイトのショートカット

    View Slide

  8. Photoshop/illustratorファイルをドキュメント上にインポート
    Photoshopスマートオブジェクトの調節レイヤーを保持
    プロトタイプ録画にナレーション機能を追加
    スポイトのショートカット

    View Slide

  9. Photoshop/illustratorファイルを
    ドキュメント上にインポート
    Photoshopスマートオブジェクトの
    調節レイヤーを保持

    View Slide

  10. DEMO

    View Slide

  11. スポイトのショートカット

    View Slide

  12. DEMO
    スポイト:[I]
    戻す:[space] or [esc]

    View Slide

  13. 1
    最新アップデート機能紹介
    2
    今から使えるプラグイン紹介

    View Slide

  14. <質問>
    プラグイン使ったことある人!
    ✋✋✋✋✋✋✋✋✋✋✋

    View Slide

  15. プラグインの基本

    View Slide

  16. GoogleSheets

    Googleスプレッドシートの共有リンクやCSVファイルから
    テキストや画像のデータを一気に流し込むことができる

    View Slide

  17. DEMO
    2018/10/9 Peresonas
    2018/10/9 Confetti
    2018/10/9 PhotoSplach
    2018/10/9 Minmic
    2018/10/9 Slope
    2018/10/10 GoProof
    2018/10/10 Odin Chart
    2018/10/10 Userlytics
    2018/10/10 inMotion ignite

    View Slide

  18. 今から使えるプラグイン
    for デザイナー
    個人的おすすめ

    View Slide

  19. RepeatGrid Fitter
    1
    リピートグリッドの大きさを枠の中にぴったり収めたり、
    いらないところをマスクで消したりしてくれる

    View Slide

  20. DEMO

    View Slide

  21. Resize Artboard to Fit Content
    2
    [Control]+[F] でアートボード内にあるオブジェクトに合わせて
    アートボードをリサイズする

    View Slide


  22. DEMO

    View Slide

  23. Stark
    3
    色使いのアクセシビリティをチェックするプラグイン。
    多様な色覚ごとの見え方のシミュレーションができる

    View Slide

  24. Protanopia 1型2色覚/赤色盲
    Protanomaly 1型3色覚/赤色弱
    Deuteranopia 2型2色覚/緑色盲
    Deuteranomaly 2型3色覚/緑色弱
    Tritanopia 3型2色覚/青色盲
    Tritanomaly 3型3色覚/青色弱
    Achromatopsia 1色覚/全色盲
    Achromatomaly 異常3色覚/色弱
    Colorblind Simulation

    View Slide

  25. Check Contrast
    #D6D6D6
    #193A62

    View Slide

  26. Confetti
    5
    サイズやカラーを設定して
    オブジェクトのパターンを作ってくれる

    View Slide

  27. DEMO

    View Slide

  28. 以上!☺

    View Slide

  29. 1
    アップデート機能紹介
    2
    今から使えるプラグイン紹介

    View Slide

  30. @isaikaori 
    @isaikaori

    View Slide