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

# External Links

> Add links to external resources like Figma, Notion, Google Docs, etc.

export const Image = ({src, alt, caption}) => <figure>
    <img src={`https://cdn.vistaly.com/kb${src}`} {...alt ? {
  alt
} : {}} />
    {caption && <figcaption class="image-caption">{caption}</figcaption>}
  </figure>;

export const VideoGIF = ({src, className = '', ...otherProps}) => <Video src={src} autoPlay={true} muted={true} loop={true} controls={false} playsInline={true} className={className} style={{
  boxShadow: "0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.06)"
}} {...otherProps} />;

export const Video = ({src, autoPlay = false, muted = false, loop = false, playsInline = true, controls = true, className = '', ...otherProps}) => <video src={`https://cdn.vistaly.com/kb${src}`} autoPlay={autoPlay} muted={muted} loop={loop} playsInline={playsInline} controls={controls} className={className} {...otherProps} />;

Product work can be messy and spread across a handful of tools. Designs, specs, and other important context often live in tools outside of Vistaly—like Figma, Google Docs, Miro, GitHub, and more.

External links allow you to reference these resources directly from your Vistaly cards, keeping all relevant information connected and accessible.

### How to add/manage external links

External links can be added to any card in Vistaly. When viewing a card, look for the external links section where you can add URLs to relevant resources.

<VideoGIF src="/documentation/views/card-links.mp4" />

Each link can include:

* **URL** - The web address of the resource
* **Title** - A descriptive name to help identify the resource

You can edit or remove external links at any time by clicking on the card to open the card details panel.