UXPin Wire lets you turn your UXPin designs into working, interactive product flows. Starting from a component or a set of screens, you can add logic, navigation, form behavior, and responsive layouts – then share the result as a hosted link others can open in the browser.
Wire is powered by Forge, UXPin's AI system, and gives you direct access to the generated code through a built-in Code Editor. Everything stays connected: changes made through Forge or in the code are reflected instantly in the live preview.
"}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":"How it works "},"content":{"html":"Wire generates a working React app from your components or a text description. You interact with the result in the Playground — a live preview where you can click through flows, test forms, and check logic in real time. To make changes, you use Forge, UXPin’s AI, which understands the current state of your app and updates it based on your prompts. Every change is reflected immediately in the Playground.
Under the hood, Wire generates real React code. You can inspect and edit it directly in the Code Editor, or export the full project as a Vite + React app for developer handoff.
Each app is saved as a build. If you create another Wire app from the same starting point, it's saved as a new Variant of that build, so you can explore different directions without losing previous work. All your builds are accessible from the Wire Dashboard, where you can also organize them into Collections.
"}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":"What you can do with Wire"},"content":{"html":null}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":null},"content":{"html":"Build flows that actually work
Connect multiple screens into a single working flow with real navigation, form validation, and state management. This is useful for onboarding flows, checkout processes, registration forms, dashboards, and any multi-step experience where a static prototype won't cut it.
"}}},{"__typename":"PrismicDocsPageBodyImageWithCaption","slice_type":"image_with_caption","primary":{"image":{"url":"https://images.prismic.io/uxpincommunity/cfZ17jGKC5emSv3t_Wire_02.png?auto=format,compress&rect=0,0,1504,968&w=752&h=484","Retina__2x_":{"url":"https://images.prismic.io/uxpincommunity/cfZ17jGKC5emSv3t_Wire_02.png?auto=format,compress&rect=0,0,1504,968&w=1504&h=968"}},"image_description":{"text":null}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":null},"content":{"html":"Share a working app with stakeholders
Publish your Wire app as a hosted link. Anyone can open it in the browser — no UXPin account needed. This makes it much easier to collect feedback, run user testing sessions, or present to stakeholders without explaining how to navigate a prototype.
"}}},{"__typename":"PrismicDocsPageBodyImageWithCaption","slice_type":"image_with_caption","primary":{"image":{"url":"blob:https://uxpincommunity.prismic.io/70138b62-2b2f-4b87-ae4d-81f3a0e3375e?rect=0,0,2000,2000&w=752&h=752","Retina__2x_":{"url":"blob:https://uxpincommunity.prismic.io/70138b62-2b2f-4b87-ae4d-81f3a0e3375e?rect=0,0,2000,2000&w=1504&h=1504"}},"image_description":{"text":null}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":null},"content":{"html":"Hand off real code to developers
Every Wire app comes with an exportable React codebase. Instead of redlines and spec notes, developers get a working Vite + React project they can run locally and build on. This shortens the gap between design and implementation.
"}}},{"__typename":"PrismicDocsPageBodyImageWithCaption","slice_type":"image_with_caption","primary":{"image":{"url":"https://images.prismic.io/uxpincommunity/oVUfy-VKP6BHGPXN_Wire_04.png?auto=format,compress&rect=0,0,1504,968&w=752&h=484","Retina__2x_":{"url":"https://images.prismic.io/uxpincommunity/oVUfy-VKP6BHGPXN_Wire_04.png?auto=format,compress&rect=0,0,1504,968&w=1504&h=968"}},"image_description":{"text":null}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":null},"content":{"html":"Prove out a concept fast
Wire is a quick way to build a working demo of a new feature or product idea — without involving a developer from the start. Describe what you want to Forge and iterate until the flow feels right, then share it for feedback or hand it off when it's ready.
"}}},{"__typename":"PrismicDocsPageBodyImageWithCaption","slice_type":"image_with_caption","primary":{"image":{"url":"https://images.prismic.io/uxpincommunity/yuz3rDwQ6OcxLUia_Wire_05.png?auto=format,compress&rect=0,0,1504,968&w=752&h=484","Retina__2x_":{"url":"https://images.prismic.io/uxpincommunity/yuz3rDwQ6OcxLUia_Wire_05.png?auto=format,compress&rect=0,0,1504,968&w=1504&h=968"}},"image_description":{"text":null}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":null},"content":{"html":"Wire can do more than clickable prototypes. Because it generates real React code and runs it in a live environment, you can create fully working apps with real logic, state management, and navigation. From product dashboards to more experimental experiences.
Here are two examples built entirely in Wire:
If you can describe it, Forge can help you build it.
"}}},{"__typename":"PrismicDocsPageBodyTip","slice_type":"tip","primary":{"tip_type":"Info tip mini size","tip_title":"Note","tip":{"html":"These are experimental examples made with Wire, not official UXPin products.
"}}}]}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"categoryUid":"wire","pageUid":"what-is-wire","meta_description":"UXPin's wire Docs, what is wire for new and advanced users","meta_image":"https://images.prismic.io/uxpincommunity%2F596562eb-7e0e-4ef3-a001-4d1baebd1ad3_og_uxpin_docs.png?auto=format,compress&rect=0,0,1200,600&w=1200&h=600","meta_title":"What is Wire | Wire","page_title":"What is Wire | Wire"}}