Tools #

Tools are your best fiends.

A grat list of tools can be found here and here and here

Graphics editors #

• Adobe
• Affinity
• Figma
• Photopea

Code #

• VSCode
• Codepen

Planning and ideating #

• Pen and paper
• Sketchbook
• Whiteboard
• Postits
• 25 Brainstorming Techniques for Problem-Solving and Planning
• FigJam
• Miro
• JamBoard
• MindMup

Prototyping #

• Figma
• InVision
• Penpot
• Marvel Pop

Color #

• Who Can use? - Accessibility/contrast tool
• Leonardo - Accessibility/contrast tool
• coolors
• HappyHues
• Geenes
• EVA Colors Generator
• HTMLColorCode
• Gradient generator
• ColorBox
• Color Leap - historic palettes
• Khroma - let AI generate palettes for you
• Colormind - let AI generate palettes for you
• Color Names - CSS color names
• Color Wheel - interactive color wheel

Type #

• Fontbase
• Google Fonts
• Fontbrief

Animation #

• Rive
• SVGator

Image tools #

• Squoosh
• CompressImage
• ImageKit

SVG #

• Svgbox
• Glob Editor

Varia #

• https://comparium.app/blog/multibrowser-alternative/
• that