# \<FigJam />

Copy as Markdown[View as Markdown](/docs/development/components/external-diagram-embeds/figjam.md)

***

**Added in** `eventcatalog@2.34.6`

The `<FigJam />` component renders a [FigJam diagram](https://www.figma.com/figjam/) in your documentation.

### Support[​](#support "Direct link to Support")

The `<FigJam />` component is supported in domains, services, all messages and [custom documentation](/docs/development/bring-your-own-documentation/custom-pages/introduction.md).

### Usage[​](#usage "Direct link to Usage")

1. Include the `<FigJam />` component inside the markdown
   <!-- -->
   * e.g `/events/MyEvent/index.mdx`

**Basic Example**

```
---
#event frontmatter
---

<FigJam url="{embed_url_from_figjam}" />
```

### Output example in EventCatalog[​](#output-example-in-eventcatalog "Direct link to Output example in EventCatalog")

![Example output](/assets/images/figjam-da9893506920c76e2b286421cf4618eb.png)

### Props[​](#props "Direct link to Props")

| Name  | Type     | Default | Required | Description                                                                                                               |
| ----- | -------- | ------- | -------- | ------------------------------------------------------------------------------------------------------------------------- |
| `url` | `string` |         | Yes      | The embed URL of the FigJam diagram. To get the URL, click "Shared", "Get embed code", then copy the URL from the iframe. |