AI Playbook

AI in My Creative
& Dev Workflow

AI as creative infrastructure — not just using tools, but building AI-powered tools that multiply output across design systems, video production, and frontend development.

Design System Infrastructure

A unified pipeline from color definition to production code.

Shadecraftcolors.promad.design

Color palette studio. Shape OKLCH color scales, preview them in an interface, and export to CSS, JSON, Dart or Figma. The hub that feeds everything downstream.

Figma Plugins

Custom tools for design system management

Cross Collection Color Token Mapper

Transform color groups into semantic tokens. Create new collections, duplicate with remapping, update values across libraries.

51 users

Variant Selector

Filter variants by properties and select in bulk. Handle complex component sets with hundreds of variants.

153 users

Text Style Duplicator

Duplicate entire text style hierarchies with custom mapping. Preserves folder structure across collections.

105 users

Custom Mapbox Maps

Design and drop renders of Mapbox maps straight into Figma.

383 users

Shadescraft

Generate OKLCH shade scales from Tailwind defaults or your own colors, then push them into Figma as variables and paint styles.

1 user

Visual Asset Generation

Aura Backgrounds

Dynamic, responsive background generation for static assets, motion graphics, and website embeds.

Pro Timeline

Motion tooling — an After Effects panel for layer groups, built with AI from brand to release.

Pro Timeline

Layer groups for After Effects

After Effects has no native layer folders. Pro Timeline is a dockable panel that builds groups from ordinary layers, parenting and shy switches — so the project stays standard After Effects.

01 · GroupOrganize related layers into groups that select, solo, lock and relabel as one.
02 · CollapseHide a group's members to keep dense compositions readable.
03 · MoveDrag a group bar to shift every member and its keyframes in one undo step.

After Effects 2024+macOS + WindowsFree

Explore Pro Timeline Download

Vismay — The Viz Engine

A reusable visualization and storytelling engine. One registry, one scroll model, one asset pipeline — powering three verticals so far.

Vismay

A monorepo viz engine — registry, slot dispatchers, asset pipeline, capture pipeline — composed once and reused across vizmaya.fyi, footshorts.com, and vizf1.com.

Composable viz registry

Maps, charts, and prose slots dispatched from a single registry — reusable across verticals.

Scroll-driven storytelling

One scroll position drives Mapbox flights, ECharts step states, and text snap-locks together.

Markdown + YAML authoring

Stories authored as MD + YAML, statically generated, themed per-story via CSS variables.

Asset + capture pipeline

Admin uploader, Compose panel, and capture pipeline shared by every Vismay vertical.