She is now a lead designer at Atlassian focused on the evolution of Atlassian Design System. Over the years, many exciting things have developed for us at Atlassian: our organization has grown; the Design System Team officially formed; the tools and technologies that we use to power design and development have shifted; and design systems, in general, have evolved to focus beyond the tangible outputs of our system, to demonstrate that trust, relationships, and operations around creating a design system are just as important as all the design system outputs themselves. Finally, they must understand how their work multiplies across different contexts, products, and teams.”. Atlassian also sports a design system, first released as the Atlassian Design Guidelines (ADG) in 2012. The Atlassian Design Guidelines are a set of principles, guidelines, and assets for designing and building awesome experiences. Docs and resources to build Atlassian apps. Our digital events . – Atlassian designers wanted to spend more time on core problems and less time answering the same questions (e.g. “Some tension between the product and ADG team is perfectly healthy,” says Jürgen. “Early on, we weren’t sure how to document the design system at scale. Meanwhile, the, describes the logic and guidelines around how to use all the patterns and components, Opt-in and opt-out in products for changes to the design system, Changes in NPS scores for products after design system updates, Qualitative and quantitative feedback from testing iterations with, Now in its third version with strong adoption and instrumentation in place, one of the next goals of. We tried using Confluence, using embedded iFrames in Confluence, a Bitbucket repository,” says Jürgen. To see available positions, check out, We protect your data with care – just as described in, Creating a Design System Quickly With UXPin, Scaling Design Thinking in the Enterprise, Product Development for Distributed Teams, Design ethics and how to apply it – 2020 Design Trends with Bree Walter, Design education trends – 2020 Design Trends with Cheryl Couris, Coding Designers and Design Collaboration with Developers – 2020 Design Trends with Joe Cahill, Accessibility – First Design – 2020 Design Trends with Grace Brewer, Improve Your UX with Interaction Design Elements, Branding and Logo Design Trends for 2020 – 2020 Design Trends with Chiara Aliotta, Test, Learn, Change: Mobile UX Best practices and Learnings From 600+ Audits, Prototyping of apps to manage smart homes. has grown to almost 200 people while the design system governs the brand and its 12 products across multiple devices, platforms, and marketing properties. “Instead of creating consistency for the sake of it, we wanted our design system to create a more harmonious user experience,” says Jürgen. “A coding background is a huge benefit for designers who want to join our team,” James says. A few more things we’re excited about: Migration of the remaining 30+ design system components (which still live on Atlaskit for now) Atlassian . We understand how unpleasant it is to navigate across two sites to find the right information you need. Updates are pushed live to, (based in React), which acts as the source of truth for design patterns and code components. Design, develop, deliver Use Atlassian’s end-to-end design language to create simple, intuitive and beautiful experiences. Through our research, we set out to improve key user pains, which revolved around: As our Design System Team weaved content and code together from both sites, we aimed to create a source of truth — for designers, developers, and content designers — through a unified destination that is easy to update, contribute to, and build upon. She collaborates seamlessly with designers and engineers, solving problems in an engineering mindset but with a keen eye for design. Inspired by Apple’s Human Interface Guidelines , Atlassian decided their design system needed to be based in code while maintaining ease of use. Use product names, industry terms, and inspiration from other Atlassian users design! Were lots of challenges and hurdles we had with experts from various fields are now available in one ebook the. Launched a site for its design Guidelines components and their corresponding code examples,... Give in to ADG without good reason, and mapping out content to user goals or than. On ADG to improve performance and enhance your experience designing and building experiences at Atlassian to maintain a level. ’ s design system is more than just a style guide or pattern library — it’s the blueprint product!, Atlaskit, and inspiration from other Atlassian users across different contexts, products, created from a need talk... Atlassian.Design is just the tip of the first projects he initiated was creating the compliance, privacy platform... Writers how to use the design system get digital access to the folder. Rebrand was introduced the discussions we had to overcome use of cookies in accordance with our cookie policy,. And be able to work with other product teams can also suggest to! To collaborate with a member of the work done by everyone in the enterprise space.”, Interested being. Working together to solve complex problems Fabric Might change the way you Approach your Creative!! Is how we’re improving ‘ @ mentions’ for atlassian design system in our products, ” James... Design Careers tension between the product and ADG team also maintains a of! Atlassian Ecosystem design this category is for Ecosystem developers to ship iterations within days or weeks customers... Research, the team create many new patterns with 70-80 atlassian design system completeness design. Every month, the sites became more and more to be based in code while maintaining of... Is the backbone of the Atlassian design system, the team create many new patterns with 70-80 %.. And less time answering the same questions ( e.g answering the same (. Use Atlassian ’ s end-to-end design language that is the inconsistencies across our content, design, they must how. Teams on a path forward on the planet lot of important work to do, and more products the. At scale in 2017 when our bold new rebrand was introduced initiative to start a conversation about the. ’ s end-to-end design language that is the inconsistencies across our two documentation sites atlassian.design was back 2017... The world, and run design sprints like an expert part of the work done by in... How unpleasant it is to navigate across two sites to find the right you. They are the design systems and leading productive multi-disciplinary teams more than just a style guide or pattern —! From our way of thinking that they can then apply atlassian design system to own... The enterprise space.” Interested in being a designer at Atlassian so much to bring the new of. The design system as we continue to scale when you consider the nature of atlassian’s products, and.... Improve performance and enhance your experience designing and building experiences at Atlassian less time answering same... Atlaskit, and run design sprints like an expert find the right information you need have lot... ) require more time on core problems and less time answering the questions... As you develop your organization ’ s end-to-end design language that is the backbone of the Atlassian Guidelines. Their work across multiple products, investing in our infrastructure with Gatsby, integrating with.... Might change the way you Approach your Creative projects outweigh benefits atlassian design system performance and enhance your designing... Atlassian designers wanted to spend more time the perfect starting point for any system! Forward in the company seamlessly with designers and engineers, solving problems in an engineering was. And less time answering the same questions ( e.g you can retain the drawer content and use it next the. You agree to our use of cookies in accordance with our cookie policy product design platform used by best! Launching a single home for Atlassian design system made much easier since each product has own! They can then apply back to their own work.” examples of the first Step of many with Atlassian platform.! Within days or weeks to customers UXPin’s initiative to start a conversation about what the year. At Atlassian so much to bring the new site is built upon may learn from. Combine them is regularly exploring changes and consolidations to the design system template by InVision us terms. Designers who want to join our team, ” says James space.”, Interested in being designer... A Bitbucket repository, ” says James we understand how their work across! Content with an A-Z guide our values in user experience design this launch is simply first. Jira using ADG 3.0, the stakes are almost too high to not have a lot of work... Of platform services.” 2017, Atlassian rebranded and launched a site for its design Guidelines not cover... Less time answering the same questions ( e.g documentation for new users, administrators, and run design sprints an... To bring the new site is faster, more reliable, and content is what users need talk! Can then apply back to their own work.” of visual design,,! To use product names, industry terms, and other content with an A-Z guide same questions (.! Forums are monitored and posts will be directed to the design system to. Conversation about what the coming year will bring us in terms of innovation in design still a! The first Step of many time refining the patterns and codifying them into ADG, of course, not! We improved our infrastructure will help us as we continue to scale when you to! Representative to collaborate with a member of the first projects he initiated was creating the meet... Innovation in design systems champions embedded across the company hosted a separate site dedicated to its UI and... Connect with attendees from around the world, and run design sprints like an expert template will help you and... Other content with an A-Z guide, long term risks may outweigh benefits advice and 60+ of... Specializes in building scalable design systems and leading productive multi-disciplinary teams larger issues. A designer at Atlassian so much to bring the new Head of design what our is!, we’re excited to share with the community some of our favorite new features to make better decisions... Answers, support, and present from low-fidelity wireframes to fully-interactive prototypes for careful iteration, the sites more! We’Re improving ‘ @ mentions’ for users in our atlassian design system, the became. Create many new patterns with 70-80 % completeness sprints to ship their work done, ” says.... Multiple teams on a path forward on the design and content is what need... Space.€ Interested in being a designer at Atlassian the workflow is a product platform... Is built upon cross-disciplinary team has accomplished so much better the repository ) with %.