Canvas is where you create visual assets that need more control than a static image. Use it for animated page sections, explainers, launch visuals, product moments, and reusable motion assets.

When to use this guide

• A page needs an animated or interactive visual.
• A campaign needs a reusable branded motion asset.
• You want to start from a template and adjust timing, copy, colors, or layout.

Before you start

• Know the workspace area or customer workflow you want to improve.
• Gather approved copy, media, offer details, or customer context before publishing anything public-facing.
• Decide who needs to review the result before it goes live or affects customers.

Do it manually

1. Open Canvas from the app switcher.
2. Start with a blank canvas or choose a template when one fits the job.
3. Name the file clearly so teammates can find it later.
4. Add or edit text, shapes, images, motion, and timing.
5. Preview the visual before using it on a page or campaign.
6. Save changes and keep a review checkpoint before launch.

Ask Faster AI

Try this prompt:

Create a simple animated visual for a consultation offer. Use placeholder media, keep the copy short, and leave the final design ready for review.

Review before publishing or using

• Check the visual at desktop and mobile sizes.
• Confirm text stays readable and does not overlap important content.
• Use placeholder media only until approved screenshots, recordings, or brand assets are ready.

Common mistakes

• If the visual feels too busy, remove motion before adding more elements.
• If text is hard to read, shorten it or adjust contrast.
• If the asset will be reused, keep the filename and layers understandable.

Placeholders to replace later

• Screenshot placeholder: add an annotated screenshot with private customer data blurred.
• Video placeholder: add a short walkthrough that shows the manual path, the AI-assisted path, and the final review step.

Related guides

• Publish and reuse Canvas visuals

Related reading

• Website motion without annoying your customers

Visual Motion Editor update

For how Canvas and visual motion editing connect to reusable page visuals, read the Visual Motion Editor update. Meet the Visual Motion Editor.

Describe motion instead of keyframing it

For how to describe a canvas visual like a small film brief with subject, action, palette, duration, and loop behavior, read the described-motion article. Animations You Describe Instead of Keyframe.

Rust and WebAssembly rendering

For how Canvas visuals can play through a portable runtime without making the surrounding page carry every animation cost, read the Rust and WebAssembly rendering deep dive. Rendering Animations with Rust and WebAssembly in the Browser.

Connected workflows

• Create your first website page
• Review and approve AI page changes
• Use the media library in pages and posts
• Use the visual editor for page updates