diff --git a/packages/e2e-tests/specs/editor/various/nux.test.js b/packages/e2e-tests/specs/editor/various/nux.test.js
deleted file mode 100644
index f8b4e86628bfb..0000000000000
--- a/packages/e2e-tests/specs/editor/various/nux.test.js
+++ /dev/null
@@ -1,162 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createNewPost,
-	clickOnMoreMenuItem,
-	canvas,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'New User Experience (NUX)', () => {
-	it( 'should show the guide to first-time users', async () => {
-		let welcomeGuideText, welcomeGuide;
-
-		// Create a new post as a first-time user.
-		await createNewPost( { showWelcomeGuide: true } );
-
-		// Guide should be on page 1 of 4
-		welcomeGuideText = await page.$eval(
-			'.edit-post-welcome-guide',
-			( element ) => element.innerText
-		);
-		expect( welcomeGuideText ).toContain( 'Welcome to the block editor' );
-
-		// Click on the 'Next' button.
-		const [ nextButton ] = await page.$x(
-			'//button[contains(text(), "Next")]'
-		);
-		await nextButton.click();
-
-		// Guide should be on page 2 of 4
-		welcomeGuideText = await page.$eval(
-			'.edit-post-welcome-guide',
-			( element ) => element.innerText
-		);
-		expect( welcomeGuideText ).toContain( 'Make each block your own' );
-
-		// Click on the 'Previous' button.
-		const [ previousButton ] = await page.$x(
-			'//button[contains(text(), "Previous")]'
-		);
-		await previousButton.click();
-
-		// Guide should be on page 1 of 4
-		welcomeGuideText = await page.$eval(
-			'.edit-post-welcome-guide',
-			( element ) => element.innerText
-		);
-		expect( welcomeGuideText ).toContain( 'Welcome to the block editor' );
-
-		// Press the button for Page 2.
-		await page.click( 'button[aria-label="Page 2 of 4"]' );
-		await page.waitForXPath(
-			'//h1[contains(text(), "Make each block your own")]'
-		);
-		// This shouldn't be necessary
-		// eslint-disable-next-line no-restricted-syntax
-		await page.waitForTimeout( 500 );
-
-		// Press the right arrow key for Page 3.
-		await page.keyboard.press( 'ArrowRight' );
-		await page.waitForXPath(
-			'//h1[contains(text(), "Get to know the block library")]'
-		);
-
-		// Press the right arrow key for Page 4.
-		await page.keyboard.press( 'ArrowRight' );
-		await page.waitForXPath(
-			'//h1[contains(text(), "Learn how to use the block editor")]'
-		);
-
-		// Click on the *visible* 'Get started' button. There are two in the DOM
-		// but only one is shown depending on viewport size.
-		let getStartedButton;
-		for ( const buttonHandle of await page.$x(
-			'//button[contains(text(), "Get started")]'
-		) ) {
-			if (
-				await page.evaluate(
-					( button ) => button.style.display !== 'none',
-					buttonHandle
-				)
-			) {
-				getStartedButton = buttonHandle;
-			}
-		}
-		await getStartedButton.click();
-
-		// Guide should be closed
-		welcomeGuide = await page.$( '.edit-post-welcome-guide' );
-		expect( welcomeGuide ).toBeNull();
-
-		// Reload the editor.
-		await page.reload();
-		await page.waitForSelector( '.edit-post-layout' );
-
-		// Guide should be closed
-		welcomeGuide = await page.$( '.edit-post-welcome-guide' );
-		expect( welcomeGuide ).toBeNull();
-	} );
-
-	it( 'should not show the welcome guide again if it is dismissed', async () => {
-		let welcomeGuide;
-
-		// Create a new post as a first-time user.
-		await createNewPost( { showWelcomeGuide: true } );
-
-		// Guide should be open
-		welcomeGuide = await page.$( '.edit-post-welcome-guide' );
-		expect( welcomeGuide ).not.toBeNull();
-
-		// Close the guide
-		await page.click( '[role="dialog"] button[aria-label="Close"]' );
-
-		// Reload the editor.
-		await page.reload();
-		await page.waitForSelector( '.edit-post-layout' );
-
-		// Guide should be closed
-		welcomeGuide = await page.$( '.edit-post-welcome-guide' );
-		expect( welcomeGuide ).toBeNull();
-	} );
-
-	it( 'should focus post title field after welcome guide is dismissed and post is empty', async () => {
-		// Create a new post as a first-time user.
-		await createNewPost( { showWelcomeGuide: true } );
-
-		// Guide should be open.
-		const welcomeGuide = await page.$( '.edit-post-welcome-guide' );
-		expect( welcomeGuide ).not.toBeNull();
-
-		// Close the guide.
-		await page.click( '[role="dialog"] button[aria-label="Close"]' );
-
-		// Focus should be in post title field.
-		const postTitle = await canvas().waitForSelector(
-			'h1[aria-label="Add title"'
-		);
-		await expect(
-			postTitle.evaluate(
-				( node ) => node === node.ownerDocument.activeElement
-			)
-		).resolves.toBe( true );
-	} );
-
-	it( 'should show the welcome guide if it is manually opened', async () => {
-		let welcomeGuide;
-
-		// Create a new post as a returning user.
-		await createNewPost();
-
-		// Guide should be closed
-		welcomeGuide = await page.$( '.edit-post-welcome-guide' );
-		expect( welcomeGuide ).toBeNull();
-
-		// Manually open the guide
-		await clickOnMoreMenuItem( 'Welcome Guide' );
-
-		// Guide should be open
-		welcomeGuide = await page.$( '.edit-post-welcome-guide' );
-		expect( welcomeGuide ).not.toBeNull();
-	} );
-} );
diff --git a/test/e2e/specs/editor/various/nux.spec.js b/test/e2e/specs/editor/various/nux.spec.js
new file mode 100644
index 0000000000000..ff55dbfa54e47
--- /dev/null
+++ b/test/e2e/specs/editor/various/nux.spec.js
@@ -0,0 +1,138 @@
+/**
+ * WordPress dependencies
+ */
+const { test, expect } = require( '@wordpress/e2e-test-utils-playwright' );
+
+test.describe( 'New User Experience (NUX)', () => {
+	test( 'should show the guide to first-time users', async ( {
+		admin,
+		editor,
+		page,
+	} ) => {
+		await admin.createNewPost( { showWelcomeGuide: true } );
+
+		const welcomeGuide = page.getByRole( 'dialog', {
+			name: 'Welcome to the block editor',
+		} );
+		const guideHeading = welcomeGuide.getByRole( 'heading', { level: 1 } );
+		const nextButton = welcomeGuide.getByRole( 'button', { name: 'Next' } );
+		const prevButton = welcomeGuide.getByRole( 'button', {
+			name: 'Previous',
+		} );
+
+		await expect( guideHeading ).toHaveText(
+			'Welcome to the block editor'
+		);
+
+		await nextButton.click();
+		await expect( guideHeading ).toHaveText( 'Make each block your own' );
+
+		await prevButton.click();
+		// Guide should be on page 1 of 4
+		await expect( guideHeading ).toHaveText(
+			'Welcome to the block editor'
+		);
+
+		// Press the button for Page 2.
+		await welcomeGuide
+			.getByRole( 'button', { name: 'Page 2 of 4' } )
+			.click();
+		await expect( guideHeading ).toHaveText( 'Make each block your own' );
+
+		// Press the right arrow key for Page 3.
+		await page.keyboard.press( 'ArrowRight' );
+		await expect( guideHeading ).toHaveText(
+			'Get to know the block library'
+		);
+
+		// Press the right arrow key for Page 4.
+		await page.keyboard.press( 'ArrowRight' );
+		await expect( guideHeading ).toHaveText(
+			'Learn how to use the block editor'
+		);
+
+		// Click on the *visible* 'Get started' button.
+		await welcomeGuide
+			.getByRole( 'button', { name: 'Get started' } )
+			.click();
+
+		// Guide should be closed.
+		await expect( welcomeGuide ).toBeHidden();
+
+		// Reload the editor.
+		await page.reload();
+
+		// Guide should be closed.
+		await expect(
+			editor.canvas.getByRole( 'textbox', { name: 'Add title' } )
+		).toBeVisible();
+		await expect( welcomeGuide ).toBeHidden();
+	} );
+
+	test( 'should not show the welcome guide again if it is dismissed', async ( {
+		admin,
+		editor,
+		page,
+	} ) => {
+		await admin.createNewPost( { showWelcomeGuide: true } );
+
+		const welcomeGuide = page.getByRole( 'dialog', {
+			name: 'Welcome to the block editor',
+		} );
+
+		await expect( welcomeGuide ).toBeVisible();
+		await welcomeGuide.getByRole( 'button', { name: 'Close' } ).click();
+
+		// Reload the editor.
+		await page.reload();
+		await expect(
+			editor.canvas.getByRole( 'textbox', { name: 'Add title' } )
+		).toBeFocused();
+
+		await expect( welcomeGuide ).toBeHidden();
+	} );
+
+	test( 'should focus post title field after welcome guide is dismissed and post is empty', async ( {
+		admin,
+		editor,
+		page,
+	} ) => {
+		await admin.createNewPost( { showWelcomeGuide: true } );
+
+		const welcomeGuide = page.getByRole( 'dialog', {
+			name: 'Welcome to the block editor',
+		} );
+
+		await expect( welcomeGuide ).toBeVisible();
+		await welcomeGuide.getByRole( 'button', { name: 'Close' } ).click();
+
+		await expect(
+			editor.canvas.getByRole( 'textbox', { name: 'Add title' } )
+		).toBeFocused();
+	} );
+
+	test( 'should show the welcome guide if it is manually opened', async ( {
+		admin,
+		page,
+	} ) => {
+		await admin.createNewPost();
+		const welcomeGuide = page.getByRole( 'dialog', {
+			name: 'Welcome to the block editor',
+		} );
+
+		await expect( welcomeGuide ).toBeHidden();
+
+		// Manually open the guide
+		await page
+			.getByRole( 'region', {
+				name: 'Editor top bar',
+			} )
+			.getByRole( 'button', { name: 'Options' } )
+			.click();
+		await page
+			.getByRole( 'menuitemcheckbox', { name: 'Welcome Guide' } )
+			.click();
+
+		await expect( welcomeGuide ).toBeVisible();
+	} );
+} );