Design system generator
Learn how to generate a design system based on a website screenshot. The graph produces a matching set of icons, patterns, and layout components in a single batch run. Open Design system generator.
[Industry examples]{class="badge informative" title="Industry examples"}
- Tech - Generate a reusable set of icons and background patterns for a quarterly feature launch, reused across ads, landing pages, and social without rebriefing design.
- Finance - Build a consistent icon and color system for a new app redesign before development begins.
- Communications & Telecom - Generate a matching visual language for a new plan tier across web and in-store signage.
TIP
Before you start - For the best results customize this template to your own brand, product, and workflow. Swap in your reference images, prompts, and copy before using any output.
Return to Get started with Firefly Graph.
recommendation-more-help
creative-cloud-enterprise-learn-help