Design Systems

This is a story of my journey to lead the 0-to-1 project of BLUE Android & iOS: Blibli’s design system for its mobile app.

A place for Blibli's product team to share stories and insights related to team process, inspiration, case-study, and other product relevant articles.

The design foundation for building official Malaysian government websites, MYDS provides beautiful pre-built components which streamline development and ensure consistency.

All the relevant, latest resources to help you create your design system.

Learn more about design systems in my online course: https://danmall.com/products/make-design-systems-people-want-to-use/ In this video, I cover what a design system is and how to identify six different types of design systems. Design systems are important for any designer, engineer, or product person. This video will help you understand what a design system is and the benefits it offers. After watching, you'll be able to identify what kind of design system you and your teams are working on! ⏩ CHAPTERS 00:00 = Intro 00:17 = What is a design system? 00:33 = “Design Systems,” by Alla Kholmatova 00:48 = “Laying the Foundations,” by Andrew Couldwell 01:04 = “Design Systems Handbook.” by InVision 01:21 = Other definitions of design systems 01:58 = Why are there so many definitions for design system? 02:50 = 1. Brand identity/visual language as design system 04:57 = 2. Tools as design systems 06:13 = 3. Design systems as products 07:41 = 4. Design systems as process 08:34 = 5. Design system as a service 09:19 = 6. Design systems as a practice 10:09 = Do we need a standard definition for design systems? 11:19 = Being inclusive about design system definitions 12:11 = Outro For the same content in written form, see my article at https://danmall.com/posts/what-is-a-design-system/. 🔗 LINKS Buy my “Design Systems in 90 Days” workbook: https://bit.ly/designsystem90days Enroll in my upcoming “Scaling Design Systems” course with Dribbble: https://bit.ly/danmall-dribbble-design-systems Enroll in my “Make Design Systems People Want to Use” course: https://bit.ly/make-design-systems Get my weekly newsletter: https://danmall.com/newsletter/ Follow me on Twitter: https://twitter.com/danmall Follow me on Instagram: https://www.instagram.com/danmallteaches/ #danmallteaches #designsystems #designsystem #uidesign #figmadesignsystem #brandidentity #uikit #servicedesign #uidesign #uxdesign

In this Figma design systems video series, learn best practices for design systems management and documentation to help your product team work better together.

I created Design System Metrics Collection as an inspiration for what exists and worked for my clients.

Learn the basics of creating a system tailored to your unique goals and challenges, whether building from scratch or starting with existing pieces.

A design system is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across pages and channels.

A Powerful Brand Powered by Frontify

Jadi, karena kemarin rada chaotic dan hectic, baru pagi ini bisa share referensi yang gw pake buat nyusun Design System kantor. Tentunya udah pake variable dan governance yang oke. Sayangnya masih belum bisa share case study nya ya.[ A Thread ]— Dimas Imameza (@dimaseza12) April 2, 2024

MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design.

Explore AlignUI Design System, which is an advanced design system for Figma that offers 5900+ components, sector-specific dashboards made with unique widgets, and more.

Button component to render button or link

Best-in-class Design Systems with components and foundations references from top-tier tech companies and leading UI teams.

A curated collection of publicly accessible design systems. Token libraries, style guides and pattern libraries that you can use for reference and inspiration.

We recently achieved a significant milestone for our design system team at Mollie. We launched the first version of Mollie UI, the…

A compilation of the most carefully crafted toolkits for UI/UX designers that will speed up your work in Figma.

Clarity Design System. UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences

How to set up variables, properties & expose the component right way.

Principles, standards, and usage guidelines for designing GitHub interfaces.

A design systems publication by Figma

Cabana is an extensive Design System and UI Kit created exclusively for Figma.With Cabana, you can design beautiful, intuitive interfaces quickly and efficiently.

Our Figma Design System and UI Kit lets you design outstanding websites, dashboards and mobile applications in minutes. Customizable styles, hundreds of premade designs and an fully custom icon set.

Vercel design system for building consistent web experiences.

How to properly design static and dynamic classification components

Learn everything about design systems from leading experts and world-class teams, including Twitter, Salesforce, Airbnb, and more.

Beberapa cerita baru yang bisa membuat Design System mu lebih mudah diakses

An ui colorgen application built to help you with color setup in shadcn/ui.