デザインシステムに関連するツールまとめ

It’s a bad plan that can’t be changed. 変更できない計画は悪い計画である。 Publilius Syrus

Lingo

Lingo: Digital Asset Library, Design System Manager & More

Lingo is the visual home for your brand. It is designed to help teams organize, manage and share their assets in one place.

https://www.lingoapp.com/

Supernova

Supernova - Design systems made easy.

Supernova is a tool that really understands the needs of design systems creators. We've had no fun in the past working with other tools' documentation, but that's all changed now. It's easy to use, intuitive, and offers many opportunities to scale in the future.

https://www.supernova.io/

Frontify

Frontify: Where Brands Live - Brand Management Software

Our site uses cookies to make sure you've got the best user experience possible. No, they're not edible. Yes, real cookies would've enhanced the experience. We're working on it (no, not really).

https://www.frontify.com/en/

Interplay

Interplay | The design systems platform that connects design and code

Handover & Inspect Inspect code, not pictures With Interplay Inspect, engineers can finally inspect and copy accurate, production ready JSX from designs. Instead of a link to documentation, Interplay Inspect exposes every component, prop value, and design token used in the design. Optionally specify code translations to save even more time.

https://interplayapp.com/

Zeroheight

zeroheight · document your design systems, together

Create beautiful design system documentation collaboratively with zeroheight

https://zeroheight.com/

Storybook

Storybook: Frontend workshop for UI development

Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free. Add Storybook as a CI step to automate the UI development workflow. That helps you and your team ship faster with less manual work.

https://storybook.js.org/

Specify

Distribute your brand from design to code

Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.

Specify | Design Data Platform (DDP)

Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets for your design system - automatically.

https://specifyapp.com/

Stark

Stark: The suite of integrated accessibility tools for your product design and development team

The suite of integrated accessibility tools for your product design and development team * Making the world's products accessible.

https://www.getstark.co/

Components.ai

Components AI - A new way to explore generative design systems

A growing set of generative components for UI and graphic design. Explore Cycle through generated designs or create your own from scratch with the ease of parametric controls. Augment Manipulate parameters until the design is just right. Lock inputs for properties or combinations of properties you like to find your visual language.

http://Components.ai

Pattern Lab

Create atomic design systems with Pattern Lab - Pattern Lab

Pattern Lab is a frontend workshop environment that helps you build, view, test, and showcase your design system's UI components. Run the following command in your terminal and read the installation guide to get started: npm create pattern-lab

https://patternlab.io/

Ditto

Ditto | Manage copy from design to production

Ditto aggregates the text on different surfaces of mockups into a searchable database, so that anyone can search, edit, and view copy in a centralized location.

https://www.dittowords.com/

UX Pin merge

UXPin | UI Design and Prototyping Tool

We use cookies to improve performance and enhance your experience. By using our website you agree to our use of cookies in accordance with our privacy policy. Close Code components made for designers Design with the exact same UI code components that devs build the product with.

https://www.uxpin.com/

Backlight

Backlight - Build Design Systems - Tool for front-end teams

Empower your front-end with a collaborative design system platform: code, design, stories, tests, documentation, versioning, npm release and more. Start now!

https://backlight.dev/?ref=producthunt

Zeplin

Zeplin

Open platform Leverage your investments in tools like Jira, Trello, Slack and VS Code through deep integrations with Zeplin. With the Zeplin open API and webhooks, you can also create custom workflows to support your specific needs.

https://zeplin.io/?ref=producthunt