AssetPress Introduction

Transcript

1. 1.

   INTRODUCING AssetPress The Ultimate Design Workflow

2. 2.

   Designer Developer The Gap

3. 3.

   The Gap, Today

4. 4.

   1. Designer creates a design 2. Saves screen previews 3.

   Creates exports document with slices 4. Resizes each slice for each resolution 5. Exports all slices 6. Sends resulting images to a developer 7. Developer adds images to project 8. Developer can code with new design
5. 5.

   Introducing AssetPress

6. 6.

   1. Designer creates a design 2. Designer or developer runs

   assetpress 3. Developer can code with new design
7. 7.

   Tool Workflow +

8. 8.

   Better Design Workflow

9. 9.

   1. Work in Sketch 2. Design in 1x resolution 3.

   Export slices in 4x resolution 4. Export and name screen previews 5. Use AssetPress 6. Commit results to git
10. 10.

    Demo

11. 11.

    Installation

12. 12.

    -

13. 13.

    Thank you! Learn more & follow. lekevicius.com/projects/assetpress github.com/lekevicius/assetpress lekevicius.com @lekevicius

    Wahanda