The Lucidchart Live App for Quip

We are excited to present the new Lucidchart Live App for Quip! This app allows you to embed existing Lucidchart diagrams into your Quip workspace or create new diagrams using the embedded Lucidchart editor.

While the embedded editor is available to all users, only users on paid accounts can connect their Quip workspaces to their Lucidchart accounts. To upgrade, visit our pricing page or contact our sales team.

After your admin has enabled the Lucidchart Live App for your Quip instance, you can connect your Quip account to your Lucidchart account. Please note that if you are using the Quip Mac App, you will not be able to connect to your Lucidchart account. To connect, please use the web version of Quip.

To connect, follow these steps:
  1. Log in to your Quip account.
  2. Open an existing document or create a new one.

    1_create_a_new_doc.png
  3. Enter the command @Lucidchart diagram and click 3_insert_button.png.

    2_command_lucidchart_diagra.png
  4. Click 5_connect_to_your_account_with_lucidchart.png or select one of the diagram options and then click 7_connect_to_lucidchart.png.

    6_lucidchart_doc_options.png

    Note: If you do not connect, you will not have access to your Lucidchart documents. You will still be able to create diagrams in Quip as an anonymous Lucidchart user, but your work will only be stored in Quip, not in Lucidchart.
  5. Log in to Lucidchart (if you are not logged in already). If you do not have a Lucidchart account, follow the prompts to create one.
  6. In the next window, click 9_grant_access_button.png to grant Quip access to your Lucidchart account.

    8_grant_access.png

    After this step, your Lucidchart account will be linked to your Quip account, and you will have full access to personal and team documents directly from your Quip workspace.

    Note: You can disconnect your Lucidchart account at any point by clicking 19_lucidchart_diagram.png > Disconnect. Disconnecting will free up your Quip workspace to connect with a different Lucidchart account.

    19.5_disconnect.png
Once you have inserted a diagram into Quip using the @Lucidchart diagram command, you can edit the diagram directly from Quip using the embedded editor, which is a simplified version of the Lucidchart editor. If you want access to the full functionality of the Lucidchart editor, simply click 9.5_open_in_lucidchart.png to open your document in Lucidchart.

10_embedded_editor.png

On the left of the embedded editor is the toolbox, which contains your shape libraries.

11_toolbox.png

You can open and close the toolbox by clicking 12_shape_icon_for_toolbox.png icon in the top left. Standard, flowchart, and geometric shapes will display by default, but you can easily enable more complex shape libraries by clicking 13_more_shapes.png and checking the box next to your desired library. When you are done adding new libraries, click 14_done.png.

14_more_shape_libraries.png

Rearrange your shape libraries by dragging and dropping them, minimize or expand them by clicking on the triangle to the left of their names, and remove them by clicking the X to the right.

15_delete_shape_libraries.png
To add an object to your diagram, drag and drop it from the toolbox onto the canvas. To add text to an object, double click on it and start typing.

16_add_a_shape.png

When an object is selected, you can resize it by dragging the handles on its borders and rotate it by dragging the curved arrow icon in the object’s top left corner.

17_rotate_a_shape.png

Add a connection line to an object by clicking on one of the red circles that appear around the object’s sides. After releasing the cursor, you will automatically be prompted to add a second object to the end of the connection line. If you do not want to add a second object, simply click anywhere on the canvas.

18_add_connection_lines.png
Click on the buttons above the embedded editor to access drop-downs of options that will help you create your diagrams.

18.5_edit_option.png

Click 20_fit.png to adjust the zoom of your editor so the entire contents of your diagram are visible.

Underneath the menu options is the properties bar, which will allow you to edit specific aspects of your diagram.

21_properties_bar.png

Undo or redo your last action by clicking 22_undo.png or 23_redo.png, and resize and style your text using the options to the right.

24_text_style_options.png

Click 25_paint_bucket.png or 26_add_color_to_lines.png to add color to objects and lines, and use the tools to the right to format the lines of your diagrams.

27_line_style_options.png

To add a new page to your document, click 28_add_new_page.png at the bottom of the editor. Zoom in and out of your diagram with the zoom bar on the right.

29_zoom_bar.png
You can add comments to objects and documents in Quip. Please note that when you add comments to the embedded editor, you will not be able to view these comments in Lucidchart. Similarly, any comments that you add to documents in the Lucidchart editor will not be visible in Quip.
To add a comment to an object, right-click on the object and select "add comment."

right_click_to_add_a_comment.png

Type your comment and click send_comment.png.

add_a_comment_to_an_object.png

The object will be flagged with 33_one_comment.png; click this icon to view the comment, and click 34_archive_comment.png to remove it or 35_close_comment.png to escape from the comment view. 

view_a_comment.png

You can also add comments to entire documents by clicking 30_add_a_comment.png on the top left of the editor.

31_add_comment.png

32_add_comment.png