fbpx
WE CREATE BRANDS PEOPLE L♥VE
Share

Best practices for Design Systems


Tegra - September 24, 2019 - 0 comments

Best practices for Design Systems and why you need one. Visual Language for Designers.

The new @AdobeXD update now has Design System features to help simplify UX workflows.

Courtesy of @the.dsgnr

They have also added prototype and share features including Components, Keyboard, Gamepad Triggers, and much more.

Check it out: http://bit.ly/2XNuBTf

Be free to send us any feedback by reply or reach using DM on Instagram

Do you want to receive insights using FB Messenger or Telegram or Email? 👈 Subscribe now.

1. What is a Design System?
A Design System is a series of elements that can be combined and reused on a product by the whole team. (Imagine them as legos where different type of pieces act as components you can later us to build something).  What does it include?
Assets: colors, design components & character styles.
2. Why you need a Design System?  It helps you stay organized and up to date with all the design changes your team makes.  - Design System are an industry standard.
- Design System provide the best team collaboration.
- Design Systems keep your project organized.
3. How can Design Systems benefit designers?  - Quickly find and use the right component, pattern or style option (color, icons, fonts etc.).
- Single source of components or patterns (Reusable in the same project or in another project).
- Reassure yourself that the components you are using are up to date.
- Timesaver.
4.1 Build a Design System in Adobe XD  - Link assets to any cloud document just by clicking +
- Add on the Assets Panel all colors and components you want to share with your team or you want to use later.
4.2 Maintain & Invite  - Click Share, save as a cloud document & invite. 
(Invite other designers, enabling them to connect to the source of truth.)
5. Learn More  The new Adobe XD update now has Design System features to help simplify UX workflows.  They have also added prototype and share features including Components, Keyboard and Gamepad Triggers, and much more.
Thanks for your support!

And here 4 tools that may be useful in your designer way:

Crello – the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It's easy! A lot of animated designs.

Webflow – all-in-one web design tool that allows users to design, build, and launch responsive websites visually.

Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.

Flowkit – allows designers to create frighteningly fast user flows within Sketch and Figma.

Make sure to ShareTheLove by sharing on your story for a shout-out!

Related posts

Post a Comment

Your email address will not be published. Required fields are marked *