Set a direction
Describe the audience, visual references, formats and constraints.
Give your idea a visual language.
Create design packs with reusable assets, design tokens and structured exports for the next stage of your project.
From the brief to the result.
Create a coherent pack
Generate design assets and reusable styling information together.
Review the exports
Inspect the files and output checks, then refine the parts that need a closer fit.
A design pack is a creative deliverable. Choose a website or app build when you also need a working product.
From a visual direction to a reusable design system.
See the identity, the components and the files that carry the design into your next project.
Find the visual language
Make the identity belong to your idea.
Describe the audience, character and places the design needs to work. The AI develops a design pack around that brief: a brand identity, interface system, illustration set or another supported collection. Review the palette, typography and rationale together so the individual pieces feel related.
- Give the AI visual references and practical constraints.
- Review the mark, type and palette as one identity.
- Request changes to the direction before taking the assets into production.
Build the system
Make the details work together.
For interface design packs, reusable tokens connect the color, type, spacing and component styles. A rendered component sheet shows controls in their relevant states. The platform checks token structure, contrast and component consistency, while design review considers how well the pack answers the brief.
- Inspect buttons, fields and other reusable components.
- Review focus, disabled and error states alongside the default appearance.
- Use the shared tokens to carry the same styling into implementation.
Take the work forward
Keep the assets behind the design.
Open an overview of the pack and follow its links to the deliverables. Depending on the brief, these can include vector masters, raster exports, a component sheet, design tokens and a brand book. When editable Figma export is enabled and connected, use the generated hand-off link if that export completes.
- Review the file list and the intended use of each deliverable.
- Take reusable assets and tokens into your design or development workflow.
- Check the export report before treating a file or integration as delivered.
The workflow
Keep the work connected.
Describe the result
Explain the audience, desired output and constraints. Refine the direction before moving forward.
Review the work
Inspect the generated files, available preview and the checks relevant to the output.
Make the next version
Ask for changes, then export or use the delivery workflow supported by that project.
Explore what’s next.
See all builders
AI Website Builder
Create landing pages, storefronts and content sites. Describe the audience and the experience, then review and refine the build.
Explore AI Website Builder
AI App Builder
Build web, mobile and desktop apps around the job they need to do. Preview the experience, refine it and prepare the appropriate package.
Explore AI App Builder
AI Game Builder
Turn a game idea into a playable project. Shape the rules, characters and world, then test and iterate on the experience.
Explore AI Game BuilderQuestions & answers
A little clarity before you start.
What can a design pack contain?+
A pack can include brand assets, icons, palettes, typography, illustrations, component sheets and supported 3D assets. The brief determines which deliverables belong in the pack.
What should I include in the design brief?+
Describe the audience, mood, visual references, intended formats and any existing brand constraints. Specify where the assets will be used so the pack can be shaped for that context.
Can I preview the design before using it?+
The pack includes an overview, with a component sheet when the deliverable calls for one. Review the visual assets, reusable tokens and relevant component states before adopting them.
What does the design verification check?+
Checks inspect listed files, design tokens, relevant contrast pairs, component states and supported exports. A design review also considers whether the pack is coherent and follows the brief.
Can I export the assets?+
Review and download the files produced for the pack. Supported deliverables include image, PDF and 3D exports where requested; the exact files depend on the chosen assets and available workflow.
Does a design pack include a working website or app?+
A design pack provides creative assets and reusable design information. Choose Website Builder or App Builder when you need a working product, and include the design direction in that build’s brief.
What will you make?
Create a build, or put a specialist team to work on your next task.