> ## Documentation Index
> Fetch the complete documentation index at: https://docs.imagine.art/llms.txt
> Use this file to discover all available pages before exploring further.

# ImagineArt for Framer

> Generate images and video, run upscales and background removal on any selection, and drop the results straight onto your Framer canvas, without leaving Framer.

ImagineArt is live on the Framer Marketplace. Run it as a panel inside any Framer project — browser or desktop app — to generate images and video or edit what's already on your canvas, without exporting or tab-hopping.

<Frame>
  <img src="https://mintcdn.com/imagineart/fpuUztnaJpfJbdqH/images/integrations/plugins/framer-hero.png?fit=max&auto=format&n=fpuUztnaJpfJbdqH&q=85&s=26e28b9c90048f7ac947bf33462442d0" alt="ImagineArt plugin panel running inside Framer, showing the generation toolkit" width="2880" height="1800" data-path="images/integrations/plugins/framer-hero.png" />
</Frame>

## Install

<Steps>
  <Step title="Open the listing">
    Open the [Framer Marketplace listing](https://imagine.art/plugins), or in Framer open the **Plugins** menu and search "ImagineArt."
  </Step>

  <Step title="Install and run">
    Click **Install** from the listing, then open ImagineArt from Framer's Plugins menu. It runs everywhere Framer runs, browser included.
  </Step>

  <Step title="Sign in once">
    A browser tab opens — approve, and you're in. If it doesn't connect automatically, click **Copy sign-in code** and paste it into the panel. The session sticks across all your projects.
  </Step>
</Steps>

## How the plugin works

<Steps>
  <Step title="Pick a tool">
    Run the plugin in Framer and choose what to make — image, video, upscale, or remove background.
  </Step>

  <Step title="Describe your visual">
    Type a prompt and set the model and aspect ratio. The panel shows the credit cost before you run anything.
  </Step>

  <Step title="Hit Create">
    The plugin generates right inside the panel — no tab-hopping, no exporting out of Framer.
  </Step>

  <Step title="Place it on the canvas">
    One click drops the result onto your canvas as a named, full-resolution layer, placed beside your selection.
  </Step>

  <Step title="Upscale and cut out">
    Point the same panel at art you already have — upscale it to crisp hi-res or knock out the background in one click, no round-trips, no re-exporting.
  </Step>
</Steps>

## What you can do

| Tool                         | What it does                                                              |
| ---------------------------- | ------------------------------------------------------------------------- |
| Image generation (txt2img)   | Describe an idea, pick a model and aspect ratio, generate in the panel    |
| Video generation (txt2video) | Text-to-video with resolution and duration controls                       |
| Image to video (i2v)         | Turn a still into motion, or animate from a start frame                   |
| Creative upscale             | Boost any image or selection to crisp, hi-res                             |
| Remove background            | Clean cutouts in one click                                                |
| Camera angle                 | Re-angle a shot by spinning an orbit globe; the subject stays intact      |
| Relight                      | Drag a light globe to relight a scene from any direction                  |
| Edit / reference (img2img)   | Reimagine an image from a prompt or reference while keeping its structure |

## FAQ

<AccordionGroup>
  <Accordion title="Where do I install it from?">
    From the Framer Marketplace. It installs and auto-updates from there — no files to manage.
  </Accordion>

  <Accordion title="Does it work in the browser, or only the desktop app?">
    Both. It runs everywhere Framer runs, browser and desktop app alike.
  </Accordion>

  <Accordion title="Where do my generations end up?">
    Inserted on the canvas next to your selection, sized and named to match. They stay fully editable Framer layers — move, mask, and compose them like anything else in your project.
  </Accordion>

  <Accordion title="The browser sign-in finished but the plugin didn't connect.">
    Return to Framer and give it a moment — the plugin picks up the session automatically. If it still doesn't connect, copy the code shown after sign-in and paste it into the plugin; it's accepted as a manual fallback.
  </Accordion>

  <Accordion title="Do generations cost credits?">
    Generation, upscaling, and background removal use the same ImagineArt credits as the web app, and the plugin shows the estimated cost next to each model and tool before you run anything.
  </Accordion>
</AccordionGroup>

<Info>
  Free with your ImagineArt account. Runs in the browser and the desktop app.
</Info>