Prototype a filterable list with dummy data
Use Gemini Canvas to explore an interface before connecting accounts or building a production app.
Start with these inputs
- A small interface brief
- Six invented sample records
- Required filters and example interactions
Follow the workflow
- Sign in to Gemini, start a new chat, and choose Canvas from the composer tools.
- Paste the prompt with invented sample records and the interface brief.
- Use the preview to check search, filters, reset, empty results, and keyboard access.
- Ask Gemini to revise specific failures and keep real data and account connections out of the prototype.
Your starting prompt
Create a small interactive Canvas prototype for the interface below using only dummy data. Show a searchable list, a category filter, a clear no-results state, and a reset button. Keep the layout usable on a phone and include visible keyboard focus. Do not add authentication, analytics, external services, payments, or AI API calls. Keep the supplied sample data local to the prototype. After creating it, list manual checks for search, filtering, reset, keyboard use, and a narrow screen. Do not claim those checks passed unless they were actually run. Brief: [paste] Dummy records: [paste] Required interactions: [list]
What the output could look like
Illustrative example, not a recorded test result.
Illustrative example using invented sample inputs:
Illustrative prototype description: a six-item resource list with search, a category dropdown, and a reset control. The list shows “No matching resources” when a filter excludes every dummy record. No live integration is implied.
Review before you use it.
Canvas access is documented for accounts without a paid AI plan, subject to limits. This is a prototype; production security, accessibility, persistence, and deployment need separate verification. Time is an approximate planning estimate, not a measured result. Free access has usage limits; features can vary by account.
Canvas access is documented for accounts without a paid AI plan, subject to limits. This is a prototype; production security, accessibility, persistence, and deployment need separate verification. Time is an approximate planning estimate, not a measured result. Free access has usage limits; features can vary by account.
Sources & review notes
- Google: use Gemini Apps and refine responses ↗
- Google: Gemini Apps limits and free feature availability ↗
- Google: create and edit apps with Gemini Canvas ↗
By AI Flow Finder · Reviewed October 14, 2026. Documented means this guide is based on the sources above. It has not yet passed a recorded end-to-end workflow test. Tool access and limits can change.