✍️ Launched: Drawing in Coda with Miro

You might’ve seen the news or discovered the feature in Shishir & Matt’s Eigenquestions Doc, but I’m here to confirm that it’s true: Thanks to updates to our integration with Miro, you can draw in Coda!

Previously, we were only able to support embedding public Miro files. With this update:

  • Private Files are also supported
  • Embeds are live ー you can draw or modify on the board, and the board will sync back to Miro
  • You can easily access these integrations by typing /miro anywhere on a page

Screen Recording 2020-05-26 at 01.47 PM

Now you can seamlessly marry your visual ideation and whiteboarding with your tracking and documentation in a single doc.

New to Miro? For more information, visit https://miro.com/.

21 Likes

This is a nice update!

Can you please confirm if every Coda user that would like to draw in Miro embed would also need to have account for Miro?

Also, is there a way to connect Miro and Coda, so that when stickies are created in Miro rows are created in Coda?

And what @Mario asks below too :slight_smile:

Wow! :heart_eyes:
It’s possible to create drawing based on tables or data in the doc?
That would be amazing!

2 Likes

Super cool, such a great feature addition

Thanks

Hi Stefan! For now, the integration supports embedding boards, so there’s not a full integration & sync (e.g., between your boards in Miro and tables in Coda).

You will need to authenticate into Miro to access embedded Miro boards in Coda docs, so a user will need a Miro account.

1 Like

Very useful. And I love that I cam embed a mind map of my doc map in the doc, but I’d love it if I didn’t have to do it manually.

This is awesome! We already use this tool so this is a welcomed addition!

So does it sync back or not?

Ah, sorry about that; we could’ve been a bit clearer here. Thanks for pointing that out! I’ve updated my original response to clarify. Including some more details here:

In Coda, you can draw on an embedded Miro board (after authenticating), and the edits will be visible in your doc, as well as on your board at miro.com. Similarly, if the embedded board is edited on miro.com, the updates will sync to the embed in your doc. In other words, your doc acts as an iFrame for the Miro board.

What we haven’t yet built is a two-way integration that would translate drawings in Miro to tables in Coda, or rows in Coda to sticky notes in Miro, etc.

For now, what happens in the Miro board, stays in the Miro board (but can be viewed, modified, etc. as an embed in your doc).

4 Likes

Hi!
Tell me why when I copy the link in the Miro of a specific frame board, and embed link it into the Coda doc It doesn’t display exactly that frame, but shows only the first frame.
FYI exactly the same problem in Notion

P.S. I also noticed that when you click on this button link, there is no transition to Miro. In Notion no such problem.

This is a great update! Any chance you’ll create integrations with other tools similar to Miro? We use Whimsical. We’d love to embed our private boards and draw directly within Coda as well.

Many thanks,
Anna

@Andrew_Stinger

perhaps i am missing something?

but when i type /miro i dont see the UX shown in the original post, but instead a basic embed dialog looking for a URL

but when i am in MIRO and i try to generate an embed, it creates an IFRAME tag
and that wont work

even if i extract the URL from the IFRAME tag, it still wont work

nowewhere in CODA help can i find how to do this

and nowhere in MIRO.COM either!

we are supposed to be able to use MIRO.COM to enable drawing in CODA (according to the announcement) but HOW???

please help
max

Hi Max,

Miro may’ve updated their authentication flow from last year. When I type /miro in a doc, it opens up a window to choose which board I’d like to embed. Note that I am logged-in to Miro with the same account as I am logged-in to Coda in this GIF: Screen Capture on 2021-12-14 at 11-34-41.gif - Droplr

As an alternative, you should be able to take the URL of the board (no need to generate an embed – just copy the exact URL from your browser tab with Miro open), and then paste that URL into Coda and select ‘embed.’ Note that you may still need to authenticate into Miro in Coda to see and manage board contents.

1 Like

thanks @Andrew_Stinger for the rapid response

i am logged into coda and miro with the same google account

i have set the board to public

i copied the url into the embed formula in coda

and it still dont work!

im using a free miro account as i dont want to pay for it unless i can integrate it with my coda docs, and i want 2-way integration - the ability to draw on the canvas within the coda document

further suggestions?

image

i tested the integration with the miro link in Sishir’s ‘Eigenquestions: The Art of Framing Problems’ and that does work.

help
max

Hello @Agile_Dynamics ,

It works for me. When I type /miro I get the Miro interface:
image

The embed has some options:

Embed(“https://miro.com/app/access-link/eYNQ5aaQoxxccxxvvhyvVKlA9I7K2bf2”, force: true)
(this is not a valid url since I have changed some characters for this message)

It works 2 ways as in: I can edit my miro drawing in a Miro or in a Coda environment and the changes I make at either place are saved in my drawing. I have a free Miro account and I am using the same google login for both programs.

I hope you will get it to work!

1 Like

Hi @Agile_Dynamics ,

It looks like you aren’t using Miro’s embed link which is required. I believe there are instructions here for getting the correct link: https://help.miro.com/hc/en-us/articles/360016335640-How-to-embed-editable-boards-into-websites

@chris and @Andrew_Stinger and @joost_mineur

thank you so much for your assistance
but i am still stuck

when i try to SHARE the miro board via the EMBED option, i go through the steps (setting the initial view and selecting Presentation mode or not) and then i get the embed link WHICH IS AN IFRAME TAG (this is following the help instructions on miro that @chris pointed me to)

the URL within that tag is not in the format @joost_mineur showed me, ie no ‘app/access-link/…’ and if i copy and paste that URL into my embed in coda is dont work

so i must be missing something - even after all this help - sorry about that

max

UPDATE

its is working now
there may have been a glitch on their server or my network

suddenly its working

many thanks guys

max

1 Like

A holiday miracle :slight_smile:

Glad everything worked out, Max!

thanks guys,

i did a little bit of automation to save me hacking the iframe tag to get the URL

4 Likes