Adobe XD PICK UP

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

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