This is a learn-by-example primer to Drawbot for designers. ✨
- Programming basics (How do I read Python code? How do I look up documentation and understand errors?)
- Drawbot basics (Primitive shapes and colors)
- Textsetting (font attributes, alignment) and exporting PDFs
- Creating UIs
- Using variable fonts
- Exporting animations (mp4s and gifs)
Drawbot is a Mac OSX graphics application specializing in 2D, vector-based graphics that are ready for print. This is different from most other graphics applications like processing / p5.js and three.js, which are geared towards digital graphics, animations, and interactivity.
In addition to running as a standalone application, it can be integrated with Robofont. There is no support for Drawbot + Glyphs 3 at this time (July 2022.)
Drawbot + Robofont integration allows you to develop typefaces with a tighter feedback look. Drawbot by itself is not built for editing the original font file or manipulating individual bezier instructions.
- Python for Designers - Fundamentals of programming, python, and Drawbot with examples
- Drawing with Python (video) - What is Drawbot, strengths, use cases, live coding - DJR
- Making Proofs with Drawbot (and Robofont)
- Editing Font Files (video) - Stephen Nixon
- Drawbot Type Proofs by DJR
- Drawbot Loop Through Font Glyphs by Stephen Nixon