What is Weavy? (Figma Weave)

Weavy is an online platform that lets you connect multiple AI models and pro‑level editing tools into one simple, visual workflow. Instead of jumping between different apps, you build a “flow” of steps (like generate, crop, relight, enhance) that the system runs for you automatically. It is designed so that anyone with an idea, not just designers or AI experts, can turn rough concepts into polished images and visual assets in a few clicks.


Figma Weave Workflow

AI Illustration System

From complex content to brand-ready visuals

I built a reusable Figma Weave workflow that turns complex content into clear visual concepts, generates on-brand illustrations, checks their relevance, and adapts approved outputs across formats.

The system combines AI models, structured prompts, brand references, and human judgment into one repeatable creative process that can be adapted to any type of content.

Deliverables:

AI workflow

Prompt system

Scalable illustration system

AI Mockup Machine

Access my

full workflow

↓

Understand the content

The workflow simplifies the source material into a clear creative starting point before any visual generation begins.

TEXTSOURCE CONTENT
Insert Your Content
•••
GitHub Locks Down npm: What the New Install Defaults Mean for Your Supply Chain Starting with npm v12, install scripts, Git dependencies, and remote URLs will no longer run automatically unless explicitly approved.
SYSTEM PROMPTCONTENT SIMPLIFIER
SYS
Content Simplifier
•••
Read the provided content and explain it clearly for a non-technical audience. Identify the main idea, the problem, and why it matters. Avoid jargon, hype, and unnecessary implementation detail.
AIEXPLAIN CONTENT
AI
Explain Content
•••
MAIN IDEA GitHub is changing npm so downloaded packages can no longer run background scripts without explicit permission. WHAT PROBLEM DOES IT SOLVE? Attackers have used automatic install behavior to execute malicious code through trusted software dependencies. WHY IT MATTERS The new defaults reduce that risk and force development teams to explicitly approve what is allowed to run.
TEXTSOURCE CONTENT
Insert Your Content
•••
GitHub Locks Down npm: What the New Install Defaults Mean for Your Supply Chain Starting with npm v12, install scripts, Git dependencies, and remote URLs will no longer run automatically unless explicitly approved.
SYSTEM PROMPTCONTENT SIMPLIFIER
SYS
Content Simplifier
•••
Read the provided content and explain it clearly for a non-technical audience. Identify the main idea, the problem, and why it matters. Avoid jargon, hype, and unnecessary implementation detail.
AIEXPLAIN CONTENT
AI
Explain Content
•••
MAIN IDEA GitHub is changing npm so downloaded packages can no longer run background scripts without explicit permission. WHAT PROBLEM DOES IT SOLVE? Attackers have used automatic install behavior to execute malicious code through trusted software dependencies. WHY IT MATTERS The new defaults reduce that risk and force development teams to explicitly approve what is allowed to run.

Develop visual directions

The workflow combines the source content, simplified explanation, brand guidelines, and visual references to generate three distinct creative directions.

TEXTCREATIVE CONTEXT
Content + Summary
•••
ORIGINAL CONTENT GitHub is changing npm install defaults so install-time scripts and remote dependencies require explicit approval. SIMPLIFIED EXPLANATION Software packages will no longer be allowed to run hidden instructions automatically. Developers must actively approve what is allowed to execute.
SYSTEM PROMPTILLUSTRATION GUIDE
SYS
Illustration Guide
•••
Use a clean, modern flat illustration style with bold outlines and geometric simplicity. Keep one dominant central object, minimal detail, rounded cloud-like framing, playful graphic accents, and a consistent brand color palette.
IMAGEVISUAL REFERENCES
REF
Reference Illustrations
•••
Reference illustration 1
Reference illustration 2
Reference illustration 3
SYSTEM PROMPTCONCEPT GENERATOR
SYS
3 Concepts Task
•••
Act as a senior creative director. Use the original content, simplified explanation, illustration guide, and visual references to create exactly three distinct visual concepts. Each direction should communicate the idea at a glance and use a different metaphor.
AI3 CREATIVE DIRECTIONS
AI
3 Illustration Concepts
•••
IDEA 01
OPT-IN GATE
A bold geometric barrier blocks a package until a visible approval action allows it to pass, turning the shift from automatic trust into a clear visual metaphor.
IDEA 02
CONTROL VALVE
A closed industrial pipeline holds code-like objects in place until a central valve is intentionally opened, representing manual permission before execution.
IDEA 03
LOCKED PACKAGE
A software package sits inside a protective dome with a physical key and toggle, showing that downloaded code stays contained until someone explicitly unlocks it.
TEXTCREATIVE CONTEXT
Content + Summary
•••
ORIGINAL CONTENT GitHub is changing npm install defaults so install-time scripts and remote dependencies require explicit approval. SIMPLIFIED EXPLANATION Software packages will no longer be allowed to run hidden instructions automatically. Developers must actively approve what is allowed to execute.
SYSTEM PROMPTILLUSTRATION GUIDE
SYS
Illustration Guide
•••
Use a clean, modern flat illustration style with bold outlines and geometric simplicity. Keep one dominant central object, minimal detail, rounded cloud-like framing, playful graphic accents, and a consistent brand color palette.
IMAGEVISUAL REFERENCES
REF
Reference Illustrations
•••
Reference illustration 1
Reference illustration 2
Reference illustration 3
SYSTEM PROMPTCONCEPT GENERATOR
SYS
3 Concepts Task
•••
Act as a senior creative director. Use the original content, simplified explanation, illustration guide, and visual references to create exactly three distinct visual concepts. Each direction should communicate the idea at a glance and use a different metaphor.
AI3 CREATIVE DIRECTIONS
AI
3 Illustration Concepts
•••
IDEA 01
OPT-IN GATE
A bold geometric barrier blocks a package until a visible approval action allows it to pass, turning the shift from automatic trust into a clear visual metaphor.
IDEA 02
CONTROL VALVE
A closed industrial pipeline holds code-like objects in place until a central valve is intentionally opened, representing manual permission before execution.
IDEA 03
LOCKED PACKAGE
A software package sits inside a protective dome with a physical key and toggle, showing that downloaded code stays contained until someone explicitly unlocks it.

Generate within the brand

Each selected direction is combined with the illustration system and visual references to generate multiple on-brand variations, instead of a single uncontrolled output.

TEXTSELECTED DIRECTION
Opt-in Gate
•••
SELECTED DIRECTION - OPT-IN GATE A bold geometric barrier blocks a software package until an explicit approval action allows it to pass. The visual turns the shift from automatic trust to opt-in execution into one clear metaphor.
SYSTEM PROMPTBRAND RULES
SYS
Illustration Guide
•••
Keep the illustration inside the established brand system: flat geometric forms, bold outlines, one dominant central object, minimal detail, rounded cloud framing, and a consistent purple-led palette.
IMAGESTYLE REFERENCES
REF
Reference Illustrations
•••
Style reference 1
Style reference 2
Style reference 3
AIMODEL PLAYGROUND
AI
Image Models
•••
Generate several interpretations of the selected concept using the same creative brief, style guide, and visual references. Explore multiple image models in parallel, then compare the outputs while preserving the same visual language.
IMAGEGENERATED OUTPUTS
IMG
Generated Variations
•••
TEXTSELECTED DIRECTION
Opt-in Gate
•••
SELECTED DIRECTION - OPT-IN GATE A bold geometric barrier blocks a software package until an explicit approval action allows it to pass. The visual turns the shift from automatic trust to opt-in execution into one clear metaphor.
SYSTEM PROMPTBRAND RULES
SYS
Illustration Guide
•••
Keep the illustration inside the established brand system: flat geometric forms, bold outlines, one dominant central object, minimal detail, rounded cloud framing, and a consistent purple-led palette.
IMAGESTYLE REFERENCES
REF
Reference Illustrations
•••
Style reference 1
Style reference 2
Style reference 3
AIMODEL PLAYGROUND
AI
Image Models
•••
Generate several interpretations of the selected concept using the same creative brief, style guide, and visual references. Explore multiple image models in parallel, then compare the outputs while preserving the same visual language.
IMAGEGENERATED OUTPUTS
IMG
Generated Variations
•••

Critique and refine

The workflow evaluates whether the illustration actually communicates the intended idea, then turns that feedback into a refined prompt for the next iteration.

IMAGEGENERATED ILLUSTRATION
IMG
Candidate Visual
•••
AIQUALITY CHECK
AI
Content Match Evaluation
•••
REPRESENTATION SCORE 5/10 - PARTIAL REPRESENTATION The package metaphor works, but the hidden threat is ambiguous, the texture conflicts with the illustration rules, and the mechanical detail is too complex. HOW TO IMPROVE Make the malicious intent unmistakable, remove grain and noise, simplify the mechanical forms, and add clear software-specific signifiers.
SYSTEM PROMPTREFINEMENT RULES
SYS
Prompt Refinement
•••
Convert the quality-check feedback into one improved image-generation prompt. Preserve the original concept, apply the recommended fixes, follow the approved illustration style, and return only a production-ready prompt.
AIIMPROVED PROMPT
AI
Refined Prompt
•••
A flat modern illustration showing a cardboard software package at the center, opened to reveal a simplified geometric robotic claw with a subtle toxic green glow. Use clean flat colors, bold outlines, minimal mechanical detail, and software signifiers such as code brackets and a version tag.
IMAGEREFINED OUTPUT
IMG
Refined Illustration
•••
IMAGEGENERATED ILLUSTRATION
IMG
Candidate Visual
•••
AIQUALITY CHECK
AI
Content Match Evaluation
•••
REPRESENTATION SCORE 5/10 - PARTIAL REPRESENTATION The package metaphor works, but the hidden threat is ambiguous, the texture conflicts with the illustration rules, and the mechanical detail is too complex. HOW TO IMPROVE Make the malicious intent unmistakable, remove grain and noise, simplify the mechanical forms, and add clear software-specific signifiers.
SYSTEM PROMPTREFINEMENT RULES
SYS
Prompt Refinement
•••
Convert the quality-check feedback into one improved image-generation prompt. Preserve the original concept, apply the recommended fixes, follow the approved illustration style, and return only a production-ready prompt.
AIIMPROVED PROMPT
AI
Refined Prompt
•••
A flat modern illustration showing a cardboard software package at the center, opened to reveal a simplified geometric robotic claw with a subtle toxic green glow. Use clean flat colors, bold outlines, minimal mechanical detail, and software signifiers such as code brackets and a version tag.
IMAGEREFINED OUTPUT
IMG
Refined Illustration
•••

Adapt for production

Once an illustration is approved, the workflow adapts it to the required aspect ratio and adds the headline to create a production-ready marketing asset.

IMAGEAPPROVED ILLUSTRATION
IMG
Approved Visual
•••
SYSTEM PROMPTASPECT RATIO
SYS
Recompose to Format
•••
Recompose the approved illustration to a 1:1 format while preserving the original subject, style, colors, proportions, and important details. Extend or reframe only where needed. Do not distort the subject or turn it into a different interpretation.
IMAGERECOMPOSED IMAGE
IMG
1:1 Adaptation
•••
Approved illustration recomposed to a square aspect ratio
TEXTHEADLINE
Headline Copy
•••
GitHub Locks Down npm
PROMPTTEXT-AWARE OPTIMIZER
SYS
Layout
•••
Recompose the image to create intentional negative space for the headline, then integrate the text with clean, bold typography. Preserve the illustration style and make the result feel like it was originally designed with the headline in place.
IMAGEFINAL ASSET
IMG
Production-Ready Asset
•••
IMAGEAPPROVED ILLUSTRATION
IMG
Approved Visual
•••
SYSTEM PROMPTASPECT RATIO
SYS
Recompose to Format
•••
Recompose the approved illustration to a 1:1 format while preserving the original subject, style, colors, proportions, and important details. Extend or reframe only where needed. Do not distort the subject or turn it into a different interpretation.
IMAGERECOMPOSED IMAGE
IMG
1:1 Adaptation
•••
Approved illustration recomposed to a square aspect ratio
TEXTHEADLINE
Headline Copy
•••
GitHub Locks Down npm
PROMPTTEXT-AWARE OPTIMIZER
SYS
Layout
•••
Recompose the image to create intentional negative space for the headline, then integrate the text with clean, bold typography. Preserve the illustration style and make the result feel like it was originally designed with the headline in place.
IMAGEFINAL ASSET
IMG
Production-Ready Asset
•••

Wanna try this yourself?

Steal my workflow

Next Projects

Poof!

Equitybee

Logofolio

Next Projects

Poof!

Equitybee

What is Weavy? (Figma Weave)

Weavy is an online platform that lets you connect multiple AI models and pro‑level editing tools into one simple, visual workflow. Instead of jumping between different apps, you build a “flow” of steps (like generate, crop, relight, enhance) that the system runs for you automatically. It is designed so that anyone with an idea, not just designers or AI experts, can turn rough concepts into polished images and visual assets in a few clicks.


Eyebrow title

AI Illustration System

From complex content to brand-ready visuals

I built a reusable Figma Weave workflow that turns complex content into clear visual concepts, generates on-brand illustrations, checks their relevance, and adapts approved outputs across formats.

The system combines AI models, structured prompts, brand references, and human judgment into one repeatable creative process that can be adapted to any type of content.

Deliverables:

AI workflow

Prompt system

Scalable illustration system

AI Mockup Machine

Access my

full workflow

↓

Understand the content

The workflow simplifies the source material into a clear creative starting point before any visual generation begins.

TEXTSOURCE CONTENT
Insert Your Content
•••
GitHub Locks Down npm: What the New Install Defaults Mean for Your Supply Chain Starting with npm v12, install scripts, Git dependencies, and remote URLs will no longer run automatically unless explicitly approved.
SYSTEM PROMPTCONTENT SIMPLIFIER
SYS
Content Simplifier
•••
Read the provided content and explain it clearly for a non-technical audience. Identify the main idea, the problem, and why it matters. Avoid jargon, hype, and unnecessary implementation detail.
AIEXPLAIN CONTENT
AI
Explain Content
•••
MAIN IDEA GitHub is changing npm so downloaded packages can no longer run background scripts without explicit permission. WHAT PROBLEM DOES IT SOLVE? Attackers have used automatic install behavior to execute malicious code through trusted software dependencies. WHY IT MATTERS The new defaults reduce that risk and force development teams to explicitly approve what is allowed to run.

Develop visual directions

The workflow combines the source content, simplified explanation, brand guidelines, and visual references to generate three distinct creative directions.

TEXTCREATIVE CONTEXT
Content + Summary
•••
ORIGINAL CONTENT GitHub is changing npm install defaults so install-time scripts and remote dependencies require explicit approval. SIMPLIFIED EXPLANATION Software packages will no longer be allowed to run hidden instructions automatically. Developers must actively approve what is allowed to execute.
SYSTEM PROMPTILLUSTRATION GUIDE
SYS
Illustration Guide
•••
Use a clean, modern flat illustration style with bold outlines and geometric simplicity. Keep one dominant central object, minimal detail, rounded cloud-like framing, playful graphic accents, and a consistent brand color palette.
IMAGEVISUAL REFERENCES
REF
Reference Illustrations
•••
Reference illustration 1
Reference illustration 2
Reference illustration 3
SYSTEM PROMPTCONCEPT GENERATOR
SYS
3 Concepts Task
•••
Act as a senior creative director. Use the original content, simplified explanation, illustration guide, and visual references to create exactly three distinct visual concepts. Each direction should communicate the idea at a glance and use a different metaphor.
AI3 CREATIVE DIRECTIONS
AI
3 Illustration Concepts
•••
IDEA 01
OPT-IN GATE
A bold geometric barrier blocks a package until a visible approval action allows it to pass, turning the shift from automatic trust into a clear visual metaphor.
IDEA 02
CONTROL VALVE
A closed industrial pipeline holds code-like objects in place until a central valve is intentionally opened, representing manual permission before execution.
IDEA 03
LOCKED PACKAGE
A software package sits inside a protective dome with a physical key and toggle, showing that downloaded code stays contained until someone explicitly unlocks it.

Generate within the brand

Each selected direction is combined with the illustration system and visual references to generate multiple on-brand variations, instead of a single uncontrolled output.

TEXTSELECTED DIRECTION
Opt-in Gate
•••
SELECTED DIRECTION - OPT-IN GATE A bold geometric barrier blocks a software package until an explicit approval action allows it to pass. The visual turns the shift from automatic trust to opt-in execution into one clear metaphor.
SYSTEM PROMPTBRAND RULES
SYS
Illustration Guide
•••
Keep the illustration inside the established brand system: flat geometric forms, bold outlines, one dominant central object, minimal detail, rounded cloud framing, and a consistent purple-led palette.
IMAGESTYLE REFERENCES
REF
Reference Illustrations
•••
Style reference 1
Style reference 2
Style reference 3
AIMODEL PLAYGROUND
AI
Image Models
•••
Generate several interpretations of the selected concept using the same creative brief, style guide, and visual references. Explore multiple image models in parallel, then compare the outputs while preserving the same visual language.
IMAGEGENERATED OUTPUTS
IMG
Generated Variations
•••

Critique and refine

The workflow evaluates whether the illustration actually communicates the intended idea, then turns that feedback into a refined prompt for the next iteration.

IMAGEGENERATED ILLUSTRATION
IMG
Candidate Visual
•••
AIQUALITY CHECK
AI
Content Match Evaluation
•••
REPRESENTATION SCORE 5/10 - PARTIAL REPRESENTATION The package metaphor works, but the hidden threat is ambiguous, the texture conflicts with the illustration rules, and the mechanical detail is too complex. HOW TO IMPROVE Make the malicious intent unmistakable, remove grain and noise, simplify the mechanical forms, and add clear software-specific signifiers.
SYSTEM PROMPTREFINEMENT RULES
SYS
Prompt Refinement
•••
Convert the quality-check feedback into one improved image-generation prompt. Preserve the original concept, apply the recommended fixes, follow the approved illustration style, and return only a production-ready prompt.
AIIMPROVED PROMPT
AI
Refined Prompt
•••
A flat modern illustration showing a cardboard software package at the center, opened to reveal a simplified geometric robotic claw with a subtle toxic green glow. Use clean flat colors, bold outlines, minimal mechanical detail, and software signifiers such as code brackets and a version tag.
IMAGEREFINED OUTPUT
IMG
Refined Illustration
•••

Adapt for production

Once an illustration is approved, the workflow adapts it to the required aspect ratio and adds the headline to create a production-ready marketing asset.

IMAGEAPPROVED ILLUSTRATION
IMG
Approved Visual
•••
SYSTEM PROMPTASPECT RATIO
SYS
Recompose to Format
•••
Recompose the approved illustration to a 1:1 format while preserving the original subject, style, colors, proportions, and important details. Extend or reframe only where needed. Do not distort the subject or turn it into a different interpretation.
IMAGERECOMPOSED IMAGE
IMG
1:1 Adaptation
•••
Approved illustration recomposed to a square aspect ratio
TEXTHEADLINE
Headline Copy
•••
GitHub Locks Down npm
PROMPTTEXT-AWARE OPTIMIZER
SYS
Layout
•••
Recompose the image to create intentional negative space for the headline, then integrate the text with clean, bold typography. Preserve the illustration style and make the result feel like it was originally designed with the headline in place.
IMAGEFINAL ASSET
IMG
Production-Ready Asset
•••

Wanna try this yourself?

Steal my workflow

Next Projects

Equitybee