# Product design & prototyping Canonical page: https://fuser.studio/solutions/use-cases/product-design-prototyping Turn a UI or UX idea into a working web prototype. Create its visual assets, refine the interaction and share a live Fuser App for feedback. ## AI UI design and interactive prototypes _Put the interaction in someone’s hands._ A polished screen can still hide an awkward experience. Turn a UI or UX idea into a working web prototype people can click, explore and respond to. Create the imagery and refine the interface in the same Fuser project. [Build a working prototype](https://app.fuser.studio/) · [Explore Fuser Teams](https://fuser.studio/teams) ### Test the moment that matters. An onboarding step. A product selector. A dashboard interaction. Describe the behavior you want in a Fuser App and get a running private preview. Start with the part of the experience you need to understand, then try it yourself. ### Make the prototype feel like your product. Generate supporting imagery and connect assets to the App. Refine copy, styles and layout through conversation or direct editing. Use Prompt Crafter to develop a clearer brief when the behavior or design needs more explanation. ### Share a link. Get a more useful conversation. Publish the App when you want others to try it. People can respond to a working interaction rather than guess how a static screen behaves. Refine the next version privately, then choose when to update the live experience. ## Choose one experience to make tangible. Build enough of the interaction to learn what the next design decision should be. ### Onboarding experiments Explore how a first-time visitor moves through a focused welcome or setup flow. ### Interactive product demos Let someone try the feature you are discussing instead of watching you point at a screenshot. ### Interface directions Compare copy, visual hierarchy and behavior in a running web experience. ### Landing-page prototypes Test how the message, imagery and interaction work together on a real page. ### Custom interaction studies Use Creative Code for a focused animation or visual response that needs its own exploration. ## Your questions, answered. ### Is a Fuser App a mockup or a real website? It is a running web app. You can interact with it in a private preview and publish it to a public URL. That makes it useful for prototyping behavior, not just showing how a screen should look. ### Can I bring a UI reference and my own product assets? Yes. Add interface references as Inspiration to steer the look, and supply logos, images or other media as Assets for the App to use. The distinction matters: a reference suggests a direction, while an asset belongs in the experience. You can draw from your library or upload new material. ### Do I need to code the prototype myself? You can start by describing the experience and asking for changes in plain language. Direct content, style and code editing are available when you want more control. You still decide what the interaction should do and test whether it does it. ### How do I give precise feedback on a screen? Use Markup to pin instructions to elements in the running preview, then send the revisions together. You can also edit exposed content and style controls directly, or open the code. That is useful when the request is specific: shorten this label, adjust this spacing or replace this image. ### Can I test the prototype before making it public? Yes. Build and interact with the App in its private preview first. Try the main path and the states you asked it to support, then revise the behavior. Publish when you want a public URL for participants or stakeholders; building a preview does not require immediately releasing it. ### Can I use a Fuser prototype for user testing? Yes. Publish a working prototype and share its URL with participants through your usual research process. Give them a specific task and observe where the interaction helps or gets in the way. Start with sample data and test the flow yourself before the sessions. ### Can I keep iterating after I have shared the prototype? Yes. Continue working on the draft and choose when to update the published version. App version history lets you revisit earlier builds, so an experiment does not have to become the version everyone sees. Test the changed flow before sending participants back to the public link. ## Find out how the idea feels to use. Choose the interaction you are debating. Build a version people can try. [Build a working prototype](https://app.fuser.studio/) · [Explore Creative Code](https://fuser.studio/features/creative-code) ## Recipes for product design & prototyping - [UI Device Mockup](https://fuser.studio/recipes/ui-device-mockup.md): Place one UI design image into phone, tablet, and desktop mockups for realistic product presentation previews. - [Fun Font Maker](https://fuser.studio/recipes/fun-font-maker.md): Use a style reference and custom text to create a generated alphabet and styled lettering in the reference’s visual style. - [LinkedIn Banner Generator](https://fuser.studio/recipes/linkedin-banner-maker.md): Turn a source image into a professional LinkedIn banner aligned with your career, industry, and personal brand. - [Social Media Image Resizer](https://fuser.studio/recipes/social-media-image-resizer.md): Upload one source image to create five image versions for social media, web layouts, and entertainment content in different aspect ratios. - [Icon Pack Generator](https://fuser.studio/recipes/icon-pack-generator.md): Choose an icon style and color, then create an icon sheet unified by the same visual language. - [YouTube Thumbnail Generator](https://fuser.studio/recipes/youtube-thumbnail-generator.md): Turn a source image and custom thumbnail text into a bold YouTube thumbnail image for video promotion.