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

# Copy and Download

> Copy a node as an image, export a high-resolution PNG, or download its front-end code.

Figr gives you a few ways to take a node's output out of the canvas. Copy it as an image, export a high-resolution image, or download its front-end code.

## Copy as Image

Copy as Image copies a rendered output to your clipboard and shows a confirmation once it is copied. The copy is a PNG. Use it for Slack updates, internal docs, presentations, quick review, or a static snapshot.

## High-resolution image export

High-resolution export gives you polished static assets as a PNG download. Use it when you need polished static assets for decks, specs, stakeholder updates, product reviews, documentation, or async design critique.

## Download Code

You can download a node's front-end output for implementation reference or prototyping.

<Frame caption="Download Code option">
  <img src="https://mintcdn.com/figr-1af7ae64/-GMAzIjL9qDaTeup/images/Download-Code.avif?fit=max&auto=format&n=-GMAzIjL9qDaTeup&q=85&s=8d058b614d33928cc2904d98d3fdd02b" alt="Download Code option on a generated node" lightAlt="Download Code option on a generated node" darkAlt="Download Code option on a generated node" className="dark:hidden" width="1650" height="928" data-path="images/Download-Code.avif" />

  <img src="https://placehold.co/1600x900/EEEEEE/31343C?text=07-05-download-code.png" alt="Download Code option on a generated node" lightAlt="Download Code option on a generated node" darkAlt="Download Code option on a generated node" className="hidden dark:block" />

  <img alt="Download Code option on a generated node" lightAlt="Download Code option on a generated node" darkAlt="Download Code option on a generated node" src="https://mintcdn.com/figr-1af7ae64/-GMAzIjL9qDaTeup/images/Download-Code.avif?fit=max&auto=format&n=-GMAzIjL9qDaTeup&q=85&s=8d058b614d33928cc2904d98d3fdd02b" className="dark:hidden" width="1650" height="928" data-path="images/Download-Code.avif" />

  <img alt="Download Code option on a generated node" lightAlt="Download Code option on a generated node" darkAlt="Download Code option on a generated node" src="https://placehold.co/1600x900/EEEEEE/31343C?text=07-05-download-code.png" className="hidden dark:block" />
</Frame>

Use it when you need code as a starting point, you want to inspect structure, you want to hand off a prototype direction, or you are moving from Figr into development. Do not send vague ideas to engineering. Use Figr to clarify the flow, states, and design direction first, then hand off.
