Building Design Systems with Sketch Training Course
Course Overview
This comprehensive training course is designed for professional designers who want to build and manage scalable design systems using Sketch. Participants will learn how to create reusable components, shared libraries, and establish design guidelines to ensure consistency across projects. The course focuses on workflows that enhance collaboration, scalability, and efficiency, making it ideal for teams working on complex design projects.
Format of Training
- Interactive instructor-led sessions
- Hands-on lab exercises to build design systems
- Group activities for collaborative workflows
- Real-world case studies to apply learned techniques
Course Objectives
- Understand the fundamentals and benefits of design systems.
- Create reusable components, symbols, and shared styles in Sketch.
- Build and manage shared libraries for team collaboration.
- Develop design guidelines for typography, color, and layout.
- Maintain consistency across multiple projects using design systems.
- Collaborate with team members on shared design system workflows.
- Export and document design systems for handoff to developers.
Prerequisites
- Intermediate knowledge of Sketch’s tools and workflows
- Familiarity with creating symbols and shared styles
- Familiarity with creating symbols and shared styles
Course Outline
Day 1
Session 1: Introduction to Design Systems
- What are design systems and why are they important?
- Key components of a scalable design system
- Examples of successful design systems in the industry
Session 2: Getting Started in Sketch
- Setting up a project file for a design system
- Using artboards and grids for system organization
- Understanding the role of shared libraries in design systems
Session 3: Creating Reusable Components
- Building symbols and managing their properties
- Designing nested components for flexibility
- Best practices for reusable and scalable components
Day 2
Session 1: Defining Shared Styles
- Setting up typography styles for consistent text design
- Applying color palettes and managing updates
- Creating shared styles for effects and layers
Session 2: Organizing Design Libraries
- Building and managing shared libraries in Sketch
- Using libraries to share assets and components
- Syncing updates across projects and teams
Session 3: Establishing Design Guidelines
- Documenting typography, colors, and spacing rules
- Defining guidelines for responsive design
- Creating a style guide template in Sketch
Day 3
Session 1: Collaboration and Workflow Optimization
- Sharing design systems with team members
- Assigning roles and permissions in collaborative workflows
- Managing feedback and updates efficiently
Session 2: Building Multi-Screen Designs
- Designing components adaptable to different screen sizes
- Using constraints and resizing options for responsive elements
- Best practices for scaling design systems
Session 3: Real-World Application
- Group activity: creating a mini design system for a fictional brand
- Applying learned techniques to build symbols, styles, and libraries
- Iterating on designs based on feedback
Day 4
Session 1: Testing and Refining Design Systems
- Reviewing components and styles for consistency
- Testing design systems across projects
- Refining elements based on usability feedback
Session 2: Integrating Design Systems with Developers
- Preparing documentation for developer handoff
- Using plugins and tools to share specifications
- Collaborating with developers to implement design systems
Session 3: Scaling and Maintaining Design Systems
- Updating design systems for long-term use
- Managing version control and resolving conflicts
- Best practices for ensuring scalability and reliability
Day 5
Session 1: Case Study: Building a Complex Design System
- Group activity: designing a comprehensive design system for a web or mobile app
- Incorporating all components, styles, and guidelines
Session 2: Finalizing and Documenting the System
- Documenting design principles and usage guidelines
- Exporting assets and organizing files for team access
- Preparing a presentation for stakeholders
Session 3: Project Presentations and Wrap-Up
- Presenting completed design systems for peer and instructor feedback
- Discussing challenges and solutions during the course
- Final Q&A and best practices for future design systems
Bespoke Option
We are open to customizing this program to align with your specific learning objectives. If your team has particular goals or areas they wish to focus on, we would be happy to tailor the course outline to meet those needs and ensure the program supports the achievement of your desired outcomes.
Need help with the right course to choose?
support@skillvotech.com
Explore more opportunities
- Duration: 1 Day
- 4.5 Ratings
Introduction to Sketch: Design Basics for Beginners Training Course
- Duration: 2 Days
- 4.5 Ratings
Getting Started with Sketch for UX/UI Design Training Course
- Duration: 2 Days
- 4.5 Ratings
Design Essentials with Sketch for Teams Training Course
- Duration: 3 Days
- 4.5 Ratings
Intermediate Sketch: Mastering Symbols and Components Training Course
- Duration: 3 Days
- 4.5 Ratings
Designing Responsive Interfaces with Sketch Training Course
- Duration: 2 Days
- 4.5 Ratings
Prototyping and Interactions in Sketch Training Course