![\"\"](\"https:\/\/images.ctfassets.net\/c1zhnszcah7h\/1iC8Yi2NW1ok7qyI68YZ8U\/50b1520f2cb419cb07a3571ec7f252d6\/hiclipart.com.png?w=60&h=60&q=96&fm=webp)
<\/picture><\/noscript><\/div>\n<\/div>\n![\"\"](\"https:\/\/images.ctfassets.net\/c1zhnszcah7h\/2xzewMFP1v1J6eQq71M2u2\/ecb8fb6d8bd56663e65d7801cbbc87df\/Headshots_Template_Author_simon__2_.png?w=60&h=68&q=96&fm=webp)
<\/picture><\/noscript><\/div>\n<\/div>\nHow do you govern your design system?<\/strong><\/h3>\nHere at Spotify, our household of design techniques is named Encore. At the guts of Encore\u2019s governance is our system of techniques mannequin (affectionately known as the \u201conion model\u201d). This mannequin delineates and distributes possession of several types of parts, tokens, and use circumstances throughout the corporate. We\u2019ve blogged about it externally earlier than<\/u><\/a>, and we’re within the strategy of evolving this mannequin<\/u><\/a> to raised serve our wants transferring ahead.<\/p>\nThere are many various features of our governance; I\u2019ll deal with a pair that could be most fascinating to you: how we type new native techniques and our contribution inbox.<\/p>\n
Forming new native techniques<\/strong><\/p>\nA possible danger with the system-of-systems mannequin is that each group would create their very own native system. This creates numerous complexity, hinders element sharing, and dangers possession and upkeep lapses. The central Encore group created a course of and tips for when and the way a neighborhood system ought to be created.\u00a0<\/p>\n
For instance, when a group reaches out with curiosity in creating a neighborhood system, we ship them this listing of necessities they have to fulfill:<\/p>\n
\n- \n
Name<\/strong>: An area system title following the format
\n\u201cEncore [ product or signifier ] [platform]\u201d,
\n e.g., \u201cEncore Ad Studio Web\u201d<\/p>\n<\/li>\n- \n
Components<\/strong>: At least one element distinctive to your design system<\/p>\n<\/li>\n- \n
Documentation<\/strong>: Every element ought to be documented on our design system\u2019s inside web site. If you do not do that, we require you to doc at the very least one element to launch, and we’ll ask you to decide to documenting this element within the close to future.<\/p>\n<\/li>\n- \n
Designs<\/strong>: Every element ought to be obtainable in a brand new Figma toolkit created in your native system.<\/p>\n<\/li>\n- \n
Consumers<\/strong>: At least two merchandise that plan to devour your system have been recognized<\/p>\n<\/li>\n- \n
Accessibility<\/strong>: Design and code satisfies WCAG 2.1 AA tips<\/p>\n<\/li>\n- \n
Browser compatibility<\/strong>: Same listing of supported browsers (or extra) as Encore Web<\/p>\n<\/li>\n- \n
There are many various features of our governance; I\u2019ll deal with a pair that could be most fascinating to you: how we type new native techniques and our contribution inbox.<\/p>\n
Forming new native techniques<\/strong><\/p>\n A possible danger with the system-of-systems mannequin is that each group would create their very own native system. This creates numerous complexity, hinders element sharing, and dangers possession and upkeep lapses. The central Encore group created a course of and tips for when and the way a neighborhood system ought to be created.\u00a0<\/p>\n For instance, when a group reaches out with curiosity in creating a neighborhood system, we ship them this listing of necessities they have to fulfill:<\/p>\n Name<\/strong>: An area system title following the format Components<\/strong>: At least one element distinctive to your design system<\/p>\n<\/li>\n Documentation<\/strong>: Every element ought to be documented on our design system\u2019s inside web site. If you do not do that, we require you to doc at the very least one element to launch, and we’ll ask you to decide to documenting this element within the close to future.<\/p>\n<\/li>\n Designs<\/strong>: Every element ought to be obtainable in a brand new Figma toolkit created in your native system.<\/p>\n<\/li>\n Consumers<\/strong>: At least two merchandise that plan to devour your system have been recognized<\/p>\n<\/li>\n Accessibility<\/strong>: Design and code satisfies WCAG 2.1 AA tips<\/p>\n<\/li>\n Browser compatibility<\/strong>: Same listing of supported browsers (or extra) as Encore Web<\/p>\n<\/li>\n\n
\n\u201cEncore [ product or signifier ] [platform]\u201d,
\n e.g., \u201cEncore Ad Studio Web\u201d<\/p>\n<\/li>\n
![\"Seth](\"https:\/\/images.ctfassets.net\/c1zhnszcah7h\/166pHiZCuY0GGXIXpQstvu\/492e97031895f4f5221d2e5feb1131c7\/ASD__Seth_2x.png?w=250&h=147&q=96&fm=webp)
<\/picture><\/noscript><\/div>\n<\/div>\n<\/figure>\n<\/div>\n![\"Kanban\"](\"https:\/\/images.ctfassets.net\/c1zhnszcah7h\/5UOPj1yDZbL2Sl6JR3gxG7\/cdf608a621fc51d094b35c56708833f9\/kanban.png?w=250&h=335&q=96&fm=webp)
<\/picture><\/noscript><\/div>\n<\/div>\n<\/figure>\n![\"Prioritization](\"https:\/\/images.ctfassets.net\/c1zhnszcah7h\/5aOR1JYeSJhe27vsiMDHtK\/b952829ed9ecefabcf70c7ca3488fc11\/Screenshot_2023-01-11_at_19.43.25.png?w=250&h=148&q=96&fm=webp)
<\/picture><\/noscript><\/div>\n<\/div>\n<\/figure>\n![\"ASD](\"https:\/\/images.ctfassets.net\/c1zhnszcah7h\/1Ds10k9d15DW3wvKFhW8cP\/99b4df25cf0b5d6381937a43f5eaf69d\/ASD__Kim_2x.png?w=250&h=147&q=96&fm=webp)
<\/picture><\/noscript><\/div>\n<\/div>\n<\/figure>\n<\/div>\n![\"ASD](\"https:\/\/images.ctfassets.net\/c1zhnszcah7h\/5uUrvnJ5IWVzKu9Om7NfCz\/bfc1c04a17490a512880b1a20bd32922\/ASD__Elsa_2x.png?w=250&h=147&q=96&fm=webp)
<\/picture><\/noscript><\/div>\n<\/div>\n<\/figure>\n<\/div>\n![\"Jack](\"https:\/\/images.ctfassets.net\/c1zhnszcah7h\/yaXDrTxs9b60dbwxMBeBh\/6428de5cbe37b3af04ba84d396b7c83a\/ASD__Jack_2x.png?w=250&h=147&q=96&fm=webp)
<\/picture><\/noscript><\/div>\n<\/div>\n<\/figure>\n<\/div>\n