Overview
Explore a comprehensive tutorial on building scalable design systems for enterprise websites using Payload CMS and Next.js. Learn from James Mikrut as he demonstrates how to create cohesive designs that can be effectively implemented across teams in production environments. Discover the process of developing a design system, starting from Figma files and addressing crucial aspects like block spacing, website setup, and layout flexibility. Gain insights into ensuring accessibility, working with Payload CMS code, implementing versioning, and maintaining design systems. Throughout the 1-hour 27-minute video, delve into practical tips and techniques for creating robust, enterprise-level design systems that can be seamlessly integrated into real-world projects.
Syllabus
- Welcome
- Who is James Mikrut?
- How do you build something cohesive?
- Starting with the Figma file
- Talking about block spacing
- How websites can be set up
- How do you ensure the right amount of flexibility in your layout blocks?
- What about accessibility?
- In the code of the Payload app
- How does versioning work?
- Tips for maintenance of design systems
- Where to find out more about Payload
Taught by
Learn With Jason