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 Designing Dynamic UI States!
You have completed Designing Dynamic UI States!
Preview
Learn a few tips for how to set up your Figma file for dynamic content. Feel free to use the design tool you prefer; similar component functionality is available in many popular design tools.
Resources
- Components - Swapping and State - Figma YouTube video
- Google Sheets Sync - Figma plugin to quickly pull real data into Figma from a spreadsheet.
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
I used Figma but feel free to use
the design tool that you prefer.
0:00
Similar functionality is available in
tools such as Adobe XD and Sketch.
0:06
Here I have a page with my designs for
the various states.
0:11
As you can see,
there is a lot of repeated content.
0:15
To make it easier to maintain,
0:19
I've put all of my master components
on a page I named components.
0:21
Any structural changes I make to a master
0:26
component will automatically
update on the other instances.
0:29
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