Reusable Components

Learning Objectives

• Use nested components in Figma to make reusable UI elements
• Use color and type styles in Figma to make your design consistent

See Also

Competencies

• Interaction Design Interface controls

Explainers

Lessons

• Color Systems
• Human Interface Guidelines
• Inspiration and Aspiration
• Material Design

Resources

References

• Human Interface Guidelines
• Material Design
• Sketch App Resources
• Sketch Repo
• Sketch Shortcuts

Tools

• Craft Plugin
• Material Theme Editor

Tutorials

• Daily UI
• Learn Sketch
• Sketch Together

Talks

• Iterative UI Design

Articles

• 7 Rules for Creating Gorgeous UI
• 10 Usability Heuristics for User Interface Design
• 7 Rules for Creating Gorgeous UI – Part 2
• Interface Writing: Code for Humans
• Make Sketch Do the Work: Layer Styles and Text Styles
• Microcopy: Tiny Words With A Huge UX Impact
• Typography for User Interfaces
• UI vs Print