Recording of the visual regression run on make.design · make.design — AI design walkthrough.

In this video· click a step to jump to it

M
Passed ✓

Test recording

make.design — AI design walkthrough

70,684 ms · 595,171 pixels changed

We built this regression test for make.design — it's yours to keep, free.

Take this test with you

This is a real Playwright test, recorded against make.design. Claim it into your own workspace and re-run it on every deploy — free.

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const shot = (n, slug) => page.screenshot({ path: screenshotPath.replace('.png', `-${n}-${slug}.png`), fullPage: true });

  await page.route('**/*google-analytics*/**', r => r.abort());
  await page.route('**/*googletagmanager*/**', r => r.abort());
  await page.route('**/*analytics.js*', r => r.abort());
  await page.route('**/*segment*/**', r => r.abort());
  await page.route('**/*hotjar*/**', r => r.abort());

  stepLogger.log('01 - Home');
  await page.goto('https://make.design', { waitUntil: 'domcontentloaded' });
  await page.waitForTimeout(1500);
+63 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
57.75%
Text
—
DOM
✓
Network
+60 −60
Console
✓
A11y
B
Perf
252 over
URL
✓
Variables
—
Full report
Log in →
595,171
Diff px
1m 11s
Duration
B
Accessible
WCAG 2.2 · 85
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

make.design is a clean AI design generator with a straightforward freemium SaaS structure. The dashboard is minimal and well-organised, with separate sidebar sections for workspace content (Projects, Showcases, Favourites, History) and account management (Invite, Plans & credits, Settings). The New Project button opens a prompt-based design creation flow.

Highlights
  • Clean project-centric dashboard
    Projects page is empty-state friendly with a prominent New Project card and credit counter in the top-right.
  • Showcase gallery with filters
    Public showcase grid with category tabs (Web Design, Marketing, App Design, Graphic Design, Image) loads sample designs instantly.
  • Billing page clarity
    Plans & credits page (/dashboard/billing) clearly shows current plan, credit balance, and upgrade options side by side.
  • Settings profile management
    Settings page shows username, verified email, notification preferences (sound + browser), and plan in one view.

5 visual changes

Step 1158,753 px changed
Before
Before
After
After
Diff
Diff
Step 2433 px changed
Before
Before
After
After
Diff
Diff
Step 3433 px changed
Before
Before
After
After
Diff
Diff
Step 411,878 px changed
Before
Before
After
After
Diff
Diff
Step 6423,674 px changed
Before
Before
After
After
Diff
Diff

Share this run

Earned · Lastest awards

Proof your app is not AI slop

LASTEST
starter
regressions
0
Badges stay live, ratchet upward, only downgrade on confirmed regression.
57,257 test runs recorded · 1,158 products tested with Lastest

This test was built for make.design — claim it free

One click copies the test and baseline screenshots into your own Lastest workspace. Re-run on every deploy and catch regressions before your users do — free, no card required.