Normally there's an ad here. 🤔
I run this site by myself, so it would be awesome if you turned off your ad blocker.
Design System Tools
Design System tools helps designers, developers, and other team members keep track of approved patterns for creating user interfaces. These tools can help track tokens such as font styles and colors, or actual components such as buttons and text fields.
Name Name of app | Usage Based on the 2020 Design Tools Survey | Rating Based on the 2020 Design Tools Survey | Platform Which platforms can import components? | Programs Which file types are supported? | Free Can the tool be used for free? | Individual Cost for single user? | Team Cost for 2+ team members? | Symbols Can import symbols? | Layers Can import normal layers? | Assets Can import generic assets (like images)? | Sharing Can the library be shared? | Permissions Can access be restricted? | Interface Which type of interface? | Update Can sync changes across documents? | Annotate Include descriptions about components? | Style Guide Can automatically generate a style guide? | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
 | Figma | (1641) | Can import symbols | Can import normal layers into Design System | Can import generic assets | Library can be shared with others | Can restrict design system access | Panel or Window | Can sync changes across documents | Basic notes can be viewed while inspecting files | No automatic style guide | ||||||
| Sketch | (770) | Can import symbols | Can't import normal layers | External assets not supported | Library can be shared with others | Can limit access with Dropbox or similar | Drop Down | Can sync changes across documents | Can't create notes about components | No automatic style guide | ||||||
| Adobe XD | (309) | Can import symbols | Can't import normal layers | Can import generic assets | Library can be shared with others | Access control included with Enterprise | Panel | Can sync changes across documents | Can't create notes about components | Automatic style guide | ||||||
| zeroheight | (123) | $12 | $12–$145 | Can import symbols | Can import normal layers into Design System | Can import generic assets | Library can be shared with others | Only on company plan | Panel (Sketch), Embedded (Figma) | Can't sync changes across documents | Can create notes about components | Automatic style guide | ||||
| InVision DSM | (75) | Can import symbols | Can import normal layers into Design System | External assets not supported | Library can be shared with others | Can restrict design system access | Window | Only works with symbols already in the file | Can create notes about components | Automatic style guide | ||||||
| UXPin | (58) | Can import symbols | Can import normal layers into Design System | Can import generic assets | Library can be shared with others | Can restrict design system access | Window | Can sync changes across documents | Can create notes about components | Automatic style guide | ||||||
| Craft | (23) | Can import symbols | Can't import normal layers | External assets not supported | Library can be shared with others | Can't restrict design system access | Panel | Can sync changes across documents | Can't create notes about components | No automatic style guide | ||||||
| Lingo | (1) | $0 | $29–$149 | Can import symbols | Can import normal layers into Design System | Can import generic assets | Library can be shared with others | Can restrict design system access | Window | Can sync changes across documents | Can create notes about components | No automatic style guide | ||||
| Terasi | (0) | $— | $— | Can import symbols | Can't import normal layers | External assets not supported | Library can be shared with others | Can't restrict design system access | Window | Can sync changes across documents | Can't create notes about components | No automatic style guide |