Ngo Lap NguyenforDwarves Foundation's Team Blogdwarvesf.hashnode.net·Mar 30, 2023A Case Study Interview into Micro-Frontends: Building Design System for E-commerce PlatformIn a previous article Micro-Frontend - What & Why?, we took a look into what is Micro-Frontend architecture, as well as some core concepts behind it. For some of you that have missed the memo, here’s a tl;dr: Micro frontend architecture is an approa...Discuss·20 likes·103 readsMicrofrontend
Nishchith Raonishchith.hashnode.net·Jul 14, 2022FeaturedA guide to set up a project for building a Component LibraryPrologue A Design system is a set of rules used by all the elements involved in it in order to maintain consistency across a project. This usually includes style guides, reusable components and designs. Design system helps scale products while maint...Discuss·17 likes·615 readscomponents
Temitayo Ogunsusitemitayoogunsusi.hashnode.net·Jan 27, 2023How to build a Design System in Next.Js with Storybook and Tailwind CSSA design system is a set of reusable UI components and design tokens, like colors and fonts, that bridge the gap between designers and engineers. Designers use tools like Figma or Sketch to design UI components that can be reusable across multiple pr...Discuss·14 likes·269 readsStorybook
Imanmachukwu Chukwuemekaimanmachukwu.hashnode.net·Apr 20, 2023Understanding Design Systems: 3 Major Reasons Every Developer Should Know ThemAs a developer, you may be wondering why you should invest time and effort in learning about design systems. After all, isn't that the designer's job? While it's true that designers typically create and maintain design systems, understanding these sy...Discuss·3 likes·42 readsDesign
Nirvana LamaforJoBins Engineeringjobins.hashnode.net·Mar 31, 2023Creating Consistent interfaces with Atomic DesignAtomic Design in a Nutshell Atomic Design is a methodology that helps to create consistent, scalable, and maintainable web design systems by breaking them down into their smallest components (atoms) and then building them back up again. It was introd...Discuss·7 likes·49 readsatomic design
Ngo Lap NguyenforDwarves Foundation's Team Blogdwarvesf.hashnode.net·Mar 30, 2023A Case Study Interview into Micro-Frontends: Building Design System for E-commerce PlatformIn a previous article Micro-Frontend - What & Why?, we took a look into what is Micro-Frontend architecture, as well as some core concepts behind it. For some of you that have missed the memo, here’s a tl;dr: Micro frontend architecture is an approa...Discuss·20 likes·103 readsMicrofrontend
Arindam Duttaiarindamofficial.hashnode.net·Mar 21, 2023Why design system is required?Design systems have become increasingly popular in recent years, and for good reason. They are an essential tool for companies looking to create a cohesive and consistent user experience across all of their products and platforms. In this blog post, ...DiscussDesign Systems
Nare Harutyunyanuxforeveryone.hashnode.net·Feb 27, 2023Scaling Your Design System: Tips for Growing with Your OrganizationA design system is a crucial tool for creating consistency and efficiency in your design work. However, as your organization grows, your design system must also grow and evolve to meet the changing needs of your team. Scaling your design system can b...Discuss·35 readsDesign
Saravanan Ramupillaiyab.hashnode.net·Feb 18, 2023In the quest to writing New Design system in ReactWe are using the Ant design system as a base to implement our design system, which has got us covered from all aspects but from one thing, the customization and theming. So could not able to follow up with our design team's requirements, and lots of ...DiscussReact
Joel Saupeforwebdev.tipsjoelsaupe-1674934948176.hashnode.net·Feb 8, 2023Styling using data attributesThe vast majority of design systems and component libraries organize their styles using class selectors. Generally, this is a good choice, but it's not perfect. Methodologies like BEM are used as a way to organize these classes into component and mod...DiscussCSS
Temitayo Ogunsusitemitayoogunsusi.hashnode.net·Jan 27, 2023How to build a Design System in Next.Js with Storybook and Tailwind CSSA design system is a set of reusable UI components and design tokens, like colors and fonts, that bridge the gap between designers and engineers. Designers use tools like Figma or Sketch to design UI components that can be reusable across multiple pr...Discuss·14 likes·269 readsStorybook
fabrx designfabrxdesign.hashnode.net·Jan 11, 20235 Problems Everyone Has With Design Systems – How To Solve ThemDesign systems are awesome! They are a great way to ensure your team’s UI feels consistent. Minimal design system helps you build faster, and they help you make sure your app’s UI is consistent with your brand. Design systems are all the rage among p...DiscussDesign Systems
Adarsh Jee Pandeyavtamsaka.hashnode.net·Jan 10, 2023What is a Design System ? Explained.A design system is a comprehensive set of guidelines and design elements that are used to create a consistent user experience across a product or organization. It is essentially a roadmap that outlines the various design decisions that should be made...Discuss·59 readsUI
