登录查看更多内容

You're building a brand from scratch. What are the best tools for creating a design system?

由人工智能和领英社区提供技术支持

A design system is a set of guidelines, standards, and components that define the visual and functional identity of a brand. It helps you create consistent, coherent, and scalable designs across different platforms and channels. But how do you create a design system from scratch? What are the best tools to help you with this process? In this article, we'll explore some of the most useful and popular tools for building a design system for your brand.

在这篇协作文章中查找专家回答

由社区从 3 条内容中精选。了解更多

1 Define your brand vision

Before you dive into the technical aspects of creating a design system, you need to have a clear vision of what your brand stands for, what it offers, and how it communicates. This will help you define the core elements of your design system, such as your brand values, personality, voice, tone, and story. You can use tools like Brandpad, Miro, or Milanote to create a brand strategy canvas, a visual representation of your brand vision that covers your purpose, positioning, promise, and attributes.

添加您的观点

Paris Daniell

Vice President, Strategic Planning @ EVERSANA INTOUCH | Strategy Leader
举报内容
Tap into the power of archetypes. This will provide a proven structure and starting point for your brand’s vision and personality. Interested in learning more? Check out the book “The Hero and the Outlaw”. I’ve found this to be an excellent catalyst for ideation.

已翻译

赞

2 Establish your design principles

Design principles are the foundational rules that guide your design decisions and actions. They reflect your brand vision and values, and help you align your design system with your business goals and user needs. You can use tools like UXPin, Figma, or Sketch to create a document that outlines your design principles, such as simplicity, accessibility, usability, or innovation. You can also use these tools to create mood boards, style tiles, or visual references that illustrate your design principles.

添加您的观点

Kelly-Ann Parker

Senior Art Director at Pulse Creative with expertise in UI/UX & Creative Direction
(已编辑)
举报内容
Clarity is key. Establishing principles like color palette, typography, imagery style, and overall aesthetic provides a coherent visual language. This consistency amplifies brand recognition and cultivates a lasting impression in the audience's mind. Flexibility is also necessary to consider. While setting these guidelines, leaving room for adaptation ensures the brand can evolve and adapt to different contexts without losing its core identity. When these are accounted for, the principles become the core for all design decisions, ensuring a unified and impactful brand experience across various touchpoints.

已翻译

赞

3 Create your design tokens

Design tokens are the smallest building blocks of your design system, such as colors, fonts, spacing, icons, or animations. They are the variables that define the look and feel of your design system, and enable you to create consistent and reusable designs across different platforms and devices. You can use tools like Style Dictionary, Theo, or Invision DSM to create, manage, and export your design tokens in different formats and languages.

添加您的观点

4 Build your UI components

UI components are the reusable elements that make up your user interface, such as buttons, inputs, cards, or menus. They are the tangible expressions of your design tokens and principles, and help you create efficient and interactive designs. You can use tools like Storybook, Bit, or Fractal to create, document, and test your UI components in isolation, and ensure that they are modular, accessible, and responsive.

添加您的观点

5 Organize your design patterns

Design patterns are the common solutions to recurring design problems or challenges, such as navigation, authentication, or feedback. They are the combinations of UI components and interactions that create a consistent and intuitive user experience. You can use tools like Pattern Lab, Zeroheight, or UXPin to organize, showcase, and share your design patterns in a structured and searchable way.

添加您的观点

6 Maintain and evolve your design system

A design system is not a static or final product, but a living and evolving project that needs to be maintained and updated regularly. You need to ensure that your design system is aligned with your brand vision, user needs, and market trends, and that it is adopted and implemented by your design and development teams. You can use tools like Lingo, Airtable, or Github to manage, track, and collaborate on your design system changes, feedback, and versions.

添加您的观点

7 Here’s what else to consider

This is a space to share examples, stories, or insights that don’t fit into any of the previous sections. What else would you like to add?

添加您的观点

Karn Malhotra

I catalyse leaders to show up as their best selves on LinkedIn and beyond
举报内容
A large part of what's been mentioned above seems specific to building a design system for an app or a digital first experience. If you need a design system for a b2c restaurant chain or a b2b bank - depending on the scale of the project and system to be created, there might be many other tools to consider. Consider a restaurant business: If you're just starting out, looka.com or canva.com are great to create a small brand system covering all the basics of color, type, image etc. If you've already been around for many years and now need to ensure consistency as you grow your restaurant into a chain, then Frontify or Bynder are what you need. If you're now looking to scale it globally - rocketium.com is great to scale performance++

已翻译

赞

Creative Strategy

+ 关注

给文章评分

我们借助人工智能创建了此文章。您认为这篇文章怎么样？

很棒不太好

举报此文章

查看全部

You're building a brand from scratch. What are the best tools for creating a design system?

1

2

3

4

5

6

7

1 Define your brand vision

2 Establish your design principles

3 Create your design tokens

4 Build your UI components

5 Organize your design patterns

6 Maintain and evolve your design system

7 Here’s what else to consider

Creative Strategy

给文章评分

感谢您的反馈

更多Creative Strategy相关文章

更多相关阅读内容

You're building a brand from scratch. What are the best tools for creating a design system?

1

2

3

4

5

6

7

1 Define your brand vision

2 Establish your design principles

3 Create your design tokens

4 Build your UI components

5 Organize your design patterns

6 Maintain and evolve your design system

7 Here’s what else to consider

Creative Strategy

给文章评分

感谢您的反馈

查看其他技能