Shipwright – Complete Design System Academy

Categories: Other
Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Here’s What You Get:

 

  • 2 complete video courses:
    Understanding Design Systems & Building Design Systems
  • Build a design system from the ground up in Figma step-by-step
  • 24 follow-along lessons for building high quality components in Figma, including variables
  • 22 lessons covering design system theory and practice
  • Free design system process templates, guides, and a Figma UI Kit to help you get started
  • 46 lessons and 11+ hours of design system training in tota

Introduction

Welcome to the Complete Design System Academy by Shipwright, a comprehensive program designed for designers, developers, and product teams who want to build and maintain effective design systems. This academy empowers you with the knowledge and tools needed to create cohesive and scalable design solutions that enhance user experience and drive business success.

What is the Complete Design System Academy?

The Complete Design System Academy is an educational platform that offers structured courses, resources, and community support focused on design systems. It provides participants with a deep understanding of design principles, best practices, and the latest tools needed to create a successful design system from scratch or improve an existing one.

Key Features of the Academy

  • Comprehensive Course Curriculum: A structured series of modules that cover everything from basics to advanced topics in design systems, including typography, color theory, component libraries, and more.
  • Hands-On Projects: Each module includes practical assignments and projects that allow participants to apply their knowledge in real-world scenarios.
  • Expert-Instructed Workshops: Live workshops led by industry experts, offering insights and strategies that go beyond traditional learning.
  • Resource Library: Access to a vast library of templates, checklists, and guides that support the design process and implementation.
  • Community Forum: A platform for participants to engage with peers, share challenges, and collaborate on projects, fostering a strong sense of community.
  • Continuous Updates: Regular updates to course content, ensuring that participants stay current with evolving design trends and tools.

Benefits of Enrolling in the Academy

  • Enhanced Skillset: Acquire new skills and enhance existing ones through a structured learning path tailored to design system development.
  • Improved Efficiency: Learn how to streamline design processes, making it easier to design consistently across various products and platforms.
  • Collaboration Skills: Master the art of working in cross-functional teams, bridging the gap between design and development.
  • Networking Opportunities: Connect with fellow participants and industry professionals, opening doors to potential partnerships and collaborations.
  • Certification: Earn a recognized certification upon completion of the course, enhancing your professional credentials and marketability.
Show More

What Will You Learn?

  • How to build a complete design system from scratch in Figma using variables and component architecture
  • How to implement design tokens for typography, color, spacing, and layout consistency across platforms
  • How to create scalable component libraries with variants, auto-layout, and interactive states
  • How to bridge design-to-development handoff using documentation and engineering collaboration frameworks
  • How to establish governance models and contribution workflows for team adoption and maintenance
  • How to audit and refactor existing UIs into systematic, maintainable design systems

Course Content

01 Shipwright Getting Started With Design Systems 01 Design System Foundations

  • 01 Why Design Systems
    07:25
  • 02 Understanding Atomic Design
    10:03
  • 03 Sessions And Workshops To Run Before Starting A System Build
    16:37
  • 04 Planning Your Design System Effort
    12:56
  • 05 Abstracting Your Design System
    10:55
  • 06 Accessibility In Design Systems
    05:18

01 Shipwright Getting Started With Design Systems 02 Getting Started Establishing Building Blocks

01 Shipwright Getting Started With Design Systems 03 Component Architecture

01 Shipwright Getting Started With Design Systems 04 Documenting Socializing And Maintaining Your Design System

02 Shipwright Build Your First Design System In Figma 01 Design System Core Concepts

02 Shipwright Build Your First Design System In Figma 02 Building Components

02 Shipwright Build Your First Design System In Figma 03 Publishing Using Our Design System

02 Shipwright Build Your First Design System In Figma 04 Conclusion

02 Shipwright Build Your First Design System In Figma 05 Bonus Videos

Download Full Course Resources

Student Ratings & Reviews

No Review Yet
No Review Yet