Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Creating Mockups!
You have completed Creating Mockups!
Preview
Learn best practices for making mockups more efficiently.
Resources:
- Adobe XD - Manage assets and components
- Adobe XD - Work with components
- Figma - Figma Styles (written documentation)
- Figma - Styles (video)
- Figma - Components
- Sketch - Symbols
- Sketch - Text Styles
- Sketch - Layer Styles
- Sketch - Organizing Styles
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
Throughout your project, be sure to give
assets and artboards meaningful names.
0:00
As you create mockups,
you'll amass several layers, and
0:01
it quickly gets confusing.
0:04
When naming artboards,
0:06
include any important changes, such as
the page name or interaction state.
0:07
With the assets panel open, rearrange
styles and components in a logical order.
0:13
This keeps it organized and tidy.
0:19
Speaking of components,
create components wherever possible.
0:23
These reusable UI elements
are defined in a master version.
0:27
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up