Learning Artboard Studio
2h 41mIntermediate2023-03-10
Authors

Tom Green
Teacher, Author, Professor
Course details
In this course, Tom Green takes you through the fundamentals of Artboard Studio, a recent new offering in the UX design market that integrates nicely with Figma. If you’ve been considering incorporating Artboard Studio into your design work, join Tom in this course as he gives an overview of what Artboard Studio is and what it can do. He starts with the basics of the interface, including the infinite canvas, an infinite space for project views that can be easily navigated so you can create as many different artboards as possible and move between them easily. He shows how to create vector design elements and artboards, edit and manipulate design objects on the artboard, create templates for recurring patterns, animate objects on the artboards and more, and work with the hundreds of mockups and templates included with the application. Tom shows you all of this through actual design projects, so you can see Artboard Studio in action, and assess if it’s the program for you and your team.
Skills covered
Artboard StudioArtboardUX DesignUser ExperienceProjectWeb Development
Concepts
0. Introduction
- 01 - Learning Artboard Studio
1. Artboard Studio Basics
- 02 - The Infinite Canvas
- 03 - Creating artboards
- 04 - Artboard Studio tools
- 05 - The Properties panel
- 06 - Importing content
- 07 - The timeline
- 08 - Using mockups
- 09 - Using Templates
- 10 - Outputting a project
- 11 - Sharing a project
- 12 - Figma plugin
- 13 - Data
2. Using Artboard Studio
- 14 - Adding artboards
- 15 - Working with Templates
- 16 - Using Smart Objects
- 17 - Create a custom mockup
- 18 - Creating branding components
- 19 - Adding content to an artboard
- 20 - Using the Pen tool
- 21 - Using the Pencil tool
- 22 - Adding text
- 23 - Color and the palette generator
- 24 - Gradients and patterns
- 25 - Pinning content
3. Animation
- 26 - Timeline animation
- 27 - Path animation
- 28 - Text on a path
- 29 - Applying blend effects
- 30 - Applying transformations
- 31 - Applying warp transformations
- 32 - Applying perspective transformations
- 33 - Animating a blend effect
- 34 - Using video
Conclusion
- 35 - Next steps