zed/docs/old/design-tools.md
2023-12-13 10:35:03 -05:00

2.4 KiB

⬅ Back to Index

Design Tools & Links

Generally useful tools and resources for design.

General

Names of Signs & Symbols

The Noun Project - Icons for everything, attempts to describe all of human language visually.

SVG Repo - Open-licensed SVG Vector and Icons

Font Awsesome - High quality icons, has been around for many years.


Color

Opacity/Transparency Hex Values

Color Ramp Generator

Designing a Comprehensive Color System - Linda Dong


Figma & Plugins

Figma Plugins for Designers

Icon Resizer

Code Syntax Highlighter

Proportional Scale

LilGrid

Organize your selection into a grid.

Automator

Build photoshop-style batch actions to automate things.

Figma Tokens

Use tokens in Figma and generate JSON from them.


Design Systems

Naming

Naming Design Tokens

Storybook

Collaboration with design tokens and storybook

Example DS Documentation

Tailwind CSS Documentation

Material Design Docs

Carbon Design System Docs

Adobe Spectrum

  • Great documentation, like Color System and Design Tokens.
  • A good place to start if thinking about building a design system.