01
The library.
The training platform I redesigned: lessons organized by track, with a free preview up front and the rest unlocked by membership.
- Role
- Senior AI Product Designer and Educator
- Duration
- 2023 to 2025
- Tools
- FigmaAdobe Premiere ProAdobe IllustratorAdobe PhotoshopAdobe FireflyGoogle Analytics
- Team
- DevelopersITSales
Designtech NYC
2023 to 2025Designtech supports and trains fashion and creative teams on their Apple and Adobe tools.
I joined Designtech as senior AI product designer and educator. I designed the AI curriculum, redesigned the training platform and elements across the website, built out the design system in Figma and led live AI training, working alongside developers, IT and sales.
Context
Overview
Designtech has supported fashion and creative teams for more than 20 years. As generative AI arrived in the tools those teams use every day, clients needed help learning it, and the company needed to grow to keep up with them. My job was to build the foundation for that growth: an AI curriculum and a platform to deliver it, a design system to keep the company’s work organized and consistent, and live training led by an AI specialist.
My role
The challenge
One of the challenges I was trying to solve was training. There were more clients than hours in the day for live sessions, so clients needed a way to keep learning in between. That called for a self-serve library of short, quick demos to complement the in-depth live training, with clear information architecture so every lesson is easy to find, and a content structure that could grow as new AI features shipped.
DesignResearch
To shape the curriculum, I studied how leading companies teach their own tools: Adobe’s training videos, ChatGPT trainings and Figma’s courses. Each one informed how the Designtech lessons are structured.
| Training |  Adobe |  ChatGPT |  Figma |  |
|---|---|---|---|---|
| Findings | ||||
| What stood out |
|
|
|
|
| What I took into Designtech |
|
|
|
|
- AdobeWhat stood out
- Short tutorials, one feature at a time
- Shown in the real app, step by step
- One lesson per generative feature
- Screen recordings of the real Illustrator and Photoshop UI
- ChatGPTWhat stood out
- Plain-language explanations of what AI can and can’t do
- Prompting taught through examples
- Prompt strategy taught by example in every AI lesson
- FigmaWhat stood out
- Courses grouped by skill and topic
- Quick, focused lessons alongside deeper ones
- Lessons organized by track: Adobe Basics, Adobe + AI and Adobe Shorts
- What stood out
- Built for fashion and creative teams, specific to their workflows and pain points
- A library that keeps evolving with the newest AI features and principles
DesignDesign system
The brand had a basic foundation but no system for building with it. In Figma, I turned it into a full design system with reusable components and accessible UX patterns, with peach as the accent color.
01 Overview
Designtech NYC Design System
The visual language for Designtech's digital products and communications.
Heading fontInter TightMedium 500 headings, Bold 700 card titles
Body fontMiller DisplayEditorial serif for body and navigation
Brand accent#D9A276Primary buttons, highlights and accents
Logo
02 Colors
Color Palette
A warm, muted palette: slate-green text on stone and paper grounds, with peach as the single accent.
Brand accent
#D9A276
Text
#44514F
#3B4746
#333333
#585858
#000000
Surfaces
#FFFFFF
#F8F7F5
#DCD9D0
03 Typography
Type Scale
Inter Tight for display, headings and UI, set mostly at Medium 500. Miller Display carries body copy and navigation.
DisplayInter Tight 500 · 63px
You Create. We Support.
Heading 2Inter Tight 500 · 39px
What People are Saying
Card titleInter Tight 700 · 24px
Support & Training Bundle
Heading 4Inter Tight 500 · 20px
20+ Years of Experience
AccentInter Tight 500 · 20px
Be Productive, Efficient, and Bold.
BodyMiller Display · 17.5px
Designtech NYC helps fashion brands and creative studios eliminate tech headaches, integrate AI workflows, and future-proof their tools.
SmallMiller Display · 14px
Enterprise training at only $14/month
04 Spacing
Spacing Scale
Built on a 4px base unit: every padding, margin and gap uses a step from this scale, so layouts stay consistent from page to page. Token names count in 4px steps (space-4 = 16px). Hover a step to highlight it.
14px
28px
312px
416px
520px
624px
832px
1040px
1248px
1664px
2080px
2496px
06 Badges
Badges & Tags
The live site uses one badge: Most Popular. Suggested extensions below are labeled as such and built from the brand’s color tokens.
Live on site
Most Popular#585858 · 5px radius · 8px 20px · Bold
Suggested: peach accent
New CourseAdobe + AILimited Spots
Suggested: service tags
SupportCustom TrainingDesigncheckTechnical ProjectsCreative ServicesAppleAdobe
Suggested: status (not currently on site)
ActivePendingOfflineMonitoring
LaunchFinal designs
02
The Adobe + AI track.
As generative AI shipped into Illustrator and Photoshop, I designed and produced a lesson for each new feature, from Text to Vector to Generative Fill.
03
Inside a lesson.
Each lesson is a quick demo of one tool and how it fits into a real workflow, so teams can work faster with the features already in their apps.
Designtech NYCServicesResourcesTrainingContact
Level Up Your Creative Skills
- All
- Adobe Basics
- Adobe + AI
- Adobe Shorts
PreviewAdobe BasicsSetting and Working with Layers
Adobe BasicsAdjusting & Creating Artboards
Adobe BasicsPoint Type vs. Area Type
- Designtech NYCServicesResourcesTrainingContact
Level Up Your Creative Skills
- All
- Adobe Basics
- Adobe + AI
- Adobe Shorts
Adobe + AIAI Text to Vector Tool in IllustratorPreviewAdobe BasicsSetting and Working with LayersAdobe + AIAI Generative Fill: Changing Backgrounds in PhotoshopAdobe BasicsAdjusting & Creating ArtboardsAdobe + AIAI Content Aware Fill / Gen Expand in PhotoshopAdobe ShortsPhotoshop Replace Color ToolAdobe + AIAI Mockup Tool in IllustratorAdobe BasicsPoint Type vs. Area TypeAdobe + AIAI Generative Shape Fill in IllustratorThe library. The training platform I redesigned: lessons organized by track, with a free preview up front and the rest unlocked by membership.
- Designtech NYCServicesResourcesTrainingContact
Level Up Your Creative Skills
- All
- Adobe Basics
- Adobe + AI
- Adobe Shorts
Adobe + AIAI Text to Vector Tool in IllustratorPreviewAdobe + AIAI Generative Fill: Changing Backgrounds in PhotoshopAdobe + AIAI Content Aware Fill / Gen Expand in PhotoshopAdobe + AIAI Mockup Tool in IllustratorAdobe + AIAI Generative Shape Fill in IllustratorThe Adobe + AI track. As generative AI shipped into Illustrator and Photoshop, I designed and produced a lesson for each new feature, from Text to Vector to Generative Fill.
- Designtech NYCServicesResourcesTrainingContactTraining / Adobe + AI / AI Generative Fill: Changing Backgrounds in Photoshop
Inside a lesson. Each lesson is a quick demo of one tool and how it fits into a real workflow, so teams can work faster with the features already in their apps.
LaunchLive training
I led live training on AI design tools for 250+ corporate employees at 10+ enterprise companies, from graphic designers and product developers to sales teams, and set up new creative workflows with them.
Figma AI
Adobe Firefly
Photoshop
Illustrator
Copilot
Result
- +25%
- platform engagement after the redesign, tracked in Google Analytics
- 250+
- employees upskilled on AI design tools
- 10+
- enterprise companies trained, across design, product and sales
Takeaways
Teaching AI to creative teams.
Training designers and creative professionals on AI-led tools was one of the most rewarding parts of the role. I got to watch people realize how much faster their workflows were about to become, and that excitement never got old. Teaching the tools every day also made me an expert in them, since I was always in them and practicing, and leading the sessions made me a stronger public speaker.
Keeping up with AI that changes daily.
The hardest part of running a training platform was that new AI tools and features launched almost every day, so lessons could go out of date fast. The trick for me was staying educated myself: I kept up with new trends through Medium, podcasts and the news, so the library could keep pace with the tools.
What I’d do next
The library keeps changing with every new AI feature, and so do the teams learning from it. Here’s where I’d take it.
- 01Lessons tailored to each team
Regular check-ins with each team to understand the frustrations in their workflow, then a lesson built around them.
- 02A shared prompt library
Prompts that worked for fashion and creative teams, saved and reusable across the library.
- 03Lessons beyond Adobe
Bring Figma AI and Copilot, which I taught live, into the on-demand library.