My Dear Friends of Figma in Welcome back in this lesson we’ll dig into four key parts of a successful design system principles foundations documentation and processes these are some of the most important aspects of building the design system each of these topics are deep and we won’t be able to cover everything in our time together.
Instead we’ll focus on what you need to get started after learning these Basics consider the needs of your team business and system to determine where you may need further learning and if you’d like for any of us to do a deeper dive on any of these topics let us know in the comments now let’s get started.
Principles are the why of a design system they’re The Guiding standards and approaches that reflect the company’s beliefs and values a strong set of principles directs everyone towards a common goal and helps people get aligned when conflicts arise to create impactful principles you need.
To include perspectives from across the business how is the company represented by brand and marketing teams how do writers communicate to customers what is the experience when something goes wrong and customers need support get together with Partners from across the company and share some ideas.
See if you can spot recurring patterns characteristics and actions among them then establish some principles that are easy to understand and to put into practice a principal might have a defining characteristic an understanding of how this impacts a customer’s experience it contributes to business goals and clear.
Examples of what this principle looks like in action for example the habits team who are designing an app to help people form healthy habits brainstorm principles with people across the company they identified a common theme which became the principle be accessible and inclusive they included notes to.
Describe the principle in more detail like the service should be available to the widest possible audience to clarify what inclusive means and celebrate prioritizing accessibility to build a strong culture around this principle they also documented clear considerations for teams as they build like are we testing your software using.
Accessibility testing tools are we testing with a wide range of users can people navigate all pages with screen reading software lastly they included actionable suggestions like use existing industry standards such as web content accessibility guidelines 2.0 published by the World Wide Web Consortium and.
Eliminate jargon and use easy to understand plain language try it yourself set up a fig Jam file to brainstorm with your team work together to gather ideas ensuring that everyone has a chance to provide input try to identify common themes among the ideas you captured and Define three or more principles that.
Your design system should include remember that your principle should be clear opinionated values your team believes in have fun with it in the next video we’ll learn about design system foundations including accessibility layouts typography color and more ready to move on we’ll see you there.
Figma is free to use. Sign up here: https://bit.ly/3msp0OV Habitz design system Community file: https://bit.ly/3BVcql4 Video course: …
Figma Official Channel,design,define,your,figma, design, product design, tips, tricks, UI design, ux design, app design, figma design, design for figma, FigJam tutorial, prototyping, collaboration, UX tutorial, Design tips, Figma tutorial, Config, design system, tutorial, product:figma_design, audience:designer, language:english, format:standard, produced_by:product_education, theme:design_systems, event:none, series:intro_to_design_systems, type:workflow_tutorial, level:intermediate, primary_feature:, secondary_feature:,