Affinity Designer for UX Design

Learn how to use Affinity Designer, the powerful vector design tool for Mac and Windows, to create wireframes, mockups, UI assets, hero graphics, and more.

Introduction

• UX design in Affinity Designer
• Using the exercise files

1. Setting Up the Workspace

• Setting your color profile and preferences for UI design
• Setting up your interface for UI design
• Creating a new document
• Using artboards

2. Design Basics

• Making color schemes and saving swatches
• Creating gradients
• Grids
• Alignment and spacing
• Lights and shadows
• Choosing fonts and saving styles

3. Wireframing

• Creating wireframe
• Building your first mockup

4. Creating UI Assets

• Asset panel
• Creating your first hero image treatment
• Creating a stereo dial
• Embedding your design
• Constraints
• Exporting for prototyping

Conclusion

• Next steps