Frequently Asked Questions

What is UXPin AI

UXPin AI is a set of AI-powered tools for creating, editing, and reviewing UI during prototyping.

It includes:

• Forge, an AI Assistant in the Editor for conversational UI creation and editing.
• AI Component Creator in Project view for generating a new prototype from a prompt or image.
  

UXPin AI allows you to generate UI components, modify existing layouts, run UX reviews, and iterate directly inside the UXPin Editor.

If you are working inside the Editor, use Forge.
If you are starting a new prototype from the Dashboard, use AI Component Creator.

Is UXPin AI an AI UI generator?

UXPin AI includes AI UI generation as one of its capabilities.

It can generate UI components and layouts from text prompts, images, or JSX code using tools like Forge and AI Component Creator.

You can:

• Generate new UI inside the Editor using Forge.
• Start a new prototype using AI Component Creator.
• Edit existing components using natural language using Forge.
  

Generated UI is based on your selected component library and project context.

How is Forge different from AI Component Creator?

Forge is an AI Assistant that 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.

Why did this action cost more AI credits?

Credit usage depends on:

• Length of your prompt.
• Size of the generated output.
• Complexity of the layout.
• Selected model.
  

Generating multiple sections or using a more advanced model consumes more credits than small spacing or text updates.

Why did AI generate a new component instead of editing the selected one?

This happens when:

• No element was selected before submitting the prompt.
• The selected element does not match the library chosen in the AI Chat panel.
  

Forge edits components only when the selected element and the selected library match.

Otherwise, it generates a new component.

Can I reuse AI-generated components?

Yes.

After generating a component, you can:

• Insert it again using Use component
• Save it in your library as a Component or a Pattern.
• Edit it manually.

Refine it with additional prompts.

AI-generated UI behaves like any other component in your project.

Can Forge edit existing UI?

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.

Can I use multiple libraries in one project?

A project can contain components from different libraries. However, Forge generates and edits UI using the library selected in the AI Chat 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.

Does Forge generate real React code?

Yes.

When using UXPin Merge, Forge generates JSX based on real React components from your connected component library.

Forge works with:

• Built-in React libraries such as MUI, Ant Design, and shadcn/ui.
• Custom React component libraries integrated with UXPin Merge.
• UXPin Classic components.

For Merge projects, you can inspect JSX using Show code.

If you connected your own React component library with UXPin Merge, Forge can generate and edit UI using those same components.

Can I export code generated by Forge?

Yes.

If your project uses UXPin Merge with a connected React component library, Forge generates UI using real React components.

You can:

• Open Preview to test interactions.
• Click Get Code in the Top bar.
• Inspect JSX for Merge components.
• Export production-ready code, depending on your setup.
  

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.

Can Forge generate pixel-perfect copies from screenshots?

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.

Can I use my own OpenAI or Anthropic API key?

Yes.

In Forge settings, you can enable Use own API key, select a provider, and enter your API key.

When connected, usage and billing are handled by your provider account.

Is UXPin AI included in all plans?

UXPin AI features and model access depend on your subscription plan.

Credit limits and available models vary by plan.

Does Forge follow my design system?

Forge generates and edits UI using the component library selected in the AI Chat panel.

If you are using UXPin Merge, Forge works with real React components from your connected library.

You can also define additional rules in Design System Guidelines. These rules guide spacing, typography, color usage, and layout decisions during generation and refinement.

Forge does not automatically read external design system files. All additional rules must be defined in Design System Guidelines or SystemPrompt file.