Design Automation in JS
summary
Automating large-scale design production (hundreds–thousands of layouts) for items like signs, transit maps, schedules, business cards and invitations by moving beyond manual layout in Adobe. The approach integrates data from Google Sheets, performs automated layout and data validation, and saves completed files to the client site; later work replaces Adobe entirely by using modern JavaScript to generate print-ready PDFs (CMYK, embedded fonts, vectorized text, combining graphics and PDFs) via a custom graphics-generation engine.
AI-written summary · about
chapters (17)
- 0:00Introduction
- 1:06Automated design in JS
- 3:29Design generator examples
- 6:24Tool problems
- 7:29Font basics
- 10:43Universal JP engine
- 13:55Kerning and text styles
- 16:48Text wrapping
- 18:35Drawing text with fonts
- 21:25PDF alignment
- 22:53PDF performance
- 26:26Automation benefits
- 29:59Browser vs server
- 32:31Real project cases
- 34:18JS apps future
- 37:56Autocraft features
- 39:23Q&A
