Connect Google Stitch to WPOS with an API key. Generate screens, inspect projects and bring a screen’s code, styles and design into WordPress.
Stitch can hold the screen you want to build; WordPress is where visitors will use it. WPOS can read a Stitch screen’s code, screenshot and styling information, then use that source to implement a page on your site. You can also generate a screen in Stitch before asking for the WordPress build.
A Stitch account at stitch.withgoogle.com. A Stitch API key, created from your profile menu. The steps below cover it. No popups needed. Stitch takes a key directly, with no OAuth round trip.
Open Stitch in Settings → Connectors. In Stitch, open your profile menu, choose Stitch settings → API key and create a key. Copy it when shown and enter it in the WPOS connection panel.
Use this Stitch screen as the reference and build it on this WordPress site. Compare the completed page with the screen’s layout, fonts, colors and spacing.
Check the WordPress page against the source screen, including images, text and responsive behavior. A generated screen in Stitch and a published WordPress page are separate results.
Use the connected account for a specific task, with the permissions and plan available to you.
Generate a UI screen from a prompt when you need a design starting point.
List accessible projects and screens to identify the exact reference for a build.
Read the selected screen’s frontend code and high-resolution screenshot for implementation.
Use the source screen’s fonts, colors and layout information when building or refining the page.
Connection requirements, workflow limits and troubleshooting from the WPOS documentation.
Connect Google Stitch to WPOS with an API key. Generate screens, inspect projects and bring a screen’s code, styles and design into WordPress.
Open Stitch in Settings → Connectors. In Stitch, open your profile menu, choose Stitch settings → API key and create a key. Copy it when shown and enter it in the WPOS connection panel.
Stitch is in beta and its hosted tools can change independently of WPOS releases. The key must belong to an account with the projects you want to use.
Stitch disables keys it detects as publicly exposed. If the key was ever pasted into a public repo, a ticket, or a shared screenshot, assume it was caught. Create a new key and reconnect.
Stitch shows only the last few characters after creation, so there is nothing to recover. Delete the key and create another.
The account behind the key has no Stitch projects yet. Create one at stitch.withgoogle.com first, then ask again.
Connect your account and give WPOS a specific WordPress task. Start free with 5,000 credits, one live site and a staging sandbox.
Start free