Forge and Merge are two core systems in UXPin.
Merge is UXPin's design-to-code technology.
It lets you use real React components from your code repository inside the Editor.
Forge is the AI system in UXPin.
It generates, edits, and reviews UI using the component library available in your project.
No.
Forge works with both UXPin Classic components and React component libraries connected through Merge.
Yes. With Forge, you can generate UI components and layouts from text prompts, images, or JSX code.
Forge generates and edits UI using the component library selected in the AI panel.
If you are using UXPin Merge, Forge works with real React components from your connected library.
"}}},{"__typename":"PrismicDocsPageBodyTip","slice_type":"tip","primary":{"tip_type":"Power tip","tip_title":"Tip","tip":{"html":"See how to connect your Merge library with Forge here.
"}}},{"__typename":"PrismicDocsPageBodyContent","slice_type":"content","primary":{"content_title":{"text":null},"content":{"html":"Forge works inside the Editor and supports conversation, iteration, and editing existing UI.
AI Component Creator is used in the Project view to generate a new prototype from a single prompt or image. It does not support conversation and does not keep history.
Use Forge for iterative design work.
Use AI Component Creator to start a new prototype.
Yes.
Forge can modify selected components directly in the Editor.
Select an element before submitting a prompt. Forge updates that component while preserving its structure and library.
If no element is selected, Forge generates a new component instead.
Yes.
After generating a component, you can:
Refine it with additional prompts.
AI-generated UI behaves like any other component in your project.
A project can contain components from different libraries. However, Forge generates and edits UI using the library selected in the AI panel.
If the selected element does not match the selected library, Forge may generate a new component instead of editing the original.
For consistent results, use one primary library per project.
This happens when:
Forge edits components only when the selected element and the selected library match.
Otherwise, it generates a new component.
Credit usage depends on:
Generating multiple sections or using a more advanced model consumes more credits than small spacing or text updates.
No.
When using an image, Forge interprets layout structure and hierarchy. It rebuilds the UI using components from the selected library.
The result follows your component system rather than copying exact pixel values.
Yes.
When using UXPin Merge, Forge generates JSX based on real React components from your connected component library.
Forge works with:
Yes.
If your project uses UXPin Merge with a connected React component library, Forge generates UI using real React components.
You can:
For UXPin Classic components, you can copy output in HTML and CSS directly in Forge after generating components.
Forge does not generate standalone applications. It generates UI inside your prototype using your selected component system.
Yes.
In Forge settings, you can enable ~Use own API key~, select a provider, and enter your API key.
When your provider account handles connected, usage and billing.
Forge features and model access depend on your subscription plan.
Credit limits and available models vary by plan.
"}}}]}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"categoryUid":"forge","pageUid":"faq","meta_description":"UXPin's forge Docs, frequently asked questions for new and advanced users","meta_image":"https://images.prismic.io/uxpincommunity%2F596562eb-7e0e-4ef3-a001-4d1baebd1ad3_og_uxpin_docs.png?auto=format,compress","meta_title":"Frequently Asked Questions | Forge","page_title":"Frequently Asked Questions | Forge"}}