---
title: "Connecting Lucidchart"
description: "Lucidchart makes diagramming simple for you and your team. This integration makes it seamless to find, insert, and edit diagrams in your articles."
url: "https://support.helpdocs.io/article/w66x5w0s4d-lucid-chart-integration"
category: "Setting Up Integrations"
updated_at: "2021-01-28T16:00:40Z"
---

# Connecting Lucidchart

[Lucidchart](https://www.lucidchart.com/) makes diagramming simple for you and your team. This integration makes it seamless to find, insert, and edit diagrams in your articles.

We take care of authentication for your charts so any chart you insert with HelpDocs will be immediately available to all your viewers.

You'll need a Lucidchart **Team** account to set up this integration.

### Connecting Lucidchart

1. Head to **Settings** > [**Integrations**](https://my.helpdocs.io/app/settings?tab=integrations) > **Lucidchart**
2. Enter your **API Key** and **API Secret**
   
   You can generate these [in your Lucidchart account](https://www.lucidchart.com/teams?adminSection=apps%2FapiKeys%23custom).
3. Head to th article you'd like to add a chart to and click the new **Lucidchart** button
   
   ![](https://files.helpdocs.io/Ytt2uahFxY/articles/w66x5w0s4d/1597414191935/screen-shot-2020-08-14-at-16-09-12.png)
4. Click it and then follow the button and head to your **Profile**
   
   ![](https://files.helpdocs.io/Ytt2uahFxY/articles/w66x5w0s4d/1611849649465/screen-shot-2021-01-28-at-15-43-25.png)
5. Under Connected apps click ☰ **More** > **Connect** next to **Lucidchart**
6. You'll be taken through Lucidchart's flow and you can get insertin' 🎉

### Inserting a Lucidchart Diagram

1. Click the **Lucid** button in the article editor
2. Hover over a chart title and click **Select**
3. Your chart will be inserted into your article

The first time a user tries to insert a chart from Lucidchart they'll be prompted to connect their own Lucidchart account in [their HelpDocs Profile](https://my.helpdocs.io/app/profile).

### Editing a Lucidchart Diagram

There's a nifty **Edit** button next to each chart you insert, so you can go straight to the editing page in Lucidchart. Any edits you make to a Lucidchart diagram you insert with HelpDocs will be immediately available to your users. We update them in realtime. ⏰

1. In the top right of a diagram, click **Edit Lucidchart**
   
   ![](https://files.helpdocs.io/Ytt2uahFxY/articles/w66x5w0s4d/1541062800840/screenshot-2018-11-01-14-29-48.png)
2. You'll be taken straight to your diagram to edit it