skills.rest
aditisharma0204
aditisharma0204COMMUNITY
Explore all skills by this author →
GitHub

creative-director

Define visual direction and create Figma design systems with moodboards, color palettes, and typography tokens.

Updated Apr 9, 2026
Search Tags:#typography#figma#design-system#color-system#atomic-design#visual-direction#moodboards
One-click install
npx skills add https://github.com/aditisharma0204/enterprise-ai-goverance --skill creative-director-aditisharma0204
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: creative-director
Source: https://github.com/aditisharma0204/enterprise-ai-goverance/tree/main/design-skills-main/skills/creative-director
Command: npx skills add https://github.com/aditisharma0204/enterprise-ai-goverance --skill creative-director-aditisharma0204

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Define visual direction and create a cohesive design system for a product by producing moodboards, color palettes, typography tokens, and Atomic Design–based components in Figma.

Core Features & Use Cases

  • Moodboard curation and reference synthesis to establish a distinct aesthetic thesis
  • Color system definition and typography system design aligned to brand and user needs
  • Creation and governance of design tokens, token naming conventions, and a Figma-based design system following Atomic Design
  • Cross-functional collaboration with Strategist, Flow Designer, Systems Architect, and Handoff Specialist
  • Use cases include branding refreshes, product launches, and long-term design-system maintenance

Quick Start

Invoke this skill to establish a visual direction for a product, generating moodboards, color systems, and typography tokens in Figma.

Frequently Asked Questions about creative-director

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a cohesive design system in Figma with typography and color tokens?▼

You can establish visual direction in Figma by curating moodboards, synthesizing references into a distinct aesthetic thesis, and translating that direction into token-based color palettes and typography scales.

How do I set up a color system and typography tokens for a product launch?▼

Setting up a color system and typography tokens requires defining token naming conventions, enforcing vertical rhythm, and structuring scalable color and typography systems aligned to brand needs within a Figma library.

Can I use Atomic Design to build scalable Figma components for a branding refresh?▼

Yes, you can apply Atomic Design in Figma to build and govern scalable components for branding refreshes, organizing templates, pages, and components systematically while maintaining cross-screen consistency.

What is the best way to define visual direction using moodboards before building a design system?▼

The best way to define visual direction is curating moodboards and synthesizing references to establish a distinct aesthetic thesis, which then informs your color palettes, typography tokens, and component design.

Does this design system skill support cross-functional collaboration with a Systems Architect and Flow Designer?▼

Yes, the skill supports cross-functional collaboration with Strategist, Flow Designer, Systems Architect, and Handoff Specialist to ensure broad design-system maintenance and cohesive product visual alignment.

Related Skills

Explore More Design & Creative Skills→
jimiryquaijimiryquai

teach-impeccable

Analyze codebase and branding assets to write design context to .impeccable.md.

Community
Intermediate
HellKaiser45HellKaiser45

figma-implement-design

Translate Figma designs into UI code with mapped design tokens.

Community
Intermediate
devalexanderdazadevalexanderdaza

bmad-create-ux-design

Generates a comprehensive UX design specification through a structured 14-step collaborative workflow.

Community
Advanced
ydnikolaevydnikolaev
8

ux-designer

Build cohesive design systems and token libraries for web and mobile projects.

Community
Intermediate