Export your Medium Articles to Dev.to in 3 clicks
Tags: writing, webdev, devjournal
Published: 2021-04-01 13:31:47


 A chrome extension that will enable writers to export their Medium articles to the Dev Community with just three clicks.

![Photo by Author](https://cdn-images-1.medium.com/max/4004/1*mztygNmubYdQ-DElrdunSA.png)

If you are a writer and publish your articles regularly on Medium and Dev Community, you must already know that both the platforms have different formatting syntax for writing articles. While Dev Community uses **markdown** which is a standard format and very popular in the open-source community, Medium has its own format for styling your articles. 

If you want to publish the same article on both the platforms, the only way to do it is to write the article twice — once for Dev Community and once for Medium. This is cumbersome, requires the writer to have knowledge of both Markdown & Medium’s formatting syntax and takes considerable time. 

## **Medium-to-Dev Chrome Extension**

As the name suggests, this Chrome Extension can convert articles from Medium’s Styling format to Markdown. Moreover, the extension is also capable of creating a draft on the Dev Community using the generated Markdown. The following video illustrates: -
{% youtube L0RkBtVsZHI %}
In this tutorial, we will create this extension. If you want to use the extension before we begin coding, you can download it from the Chrome Web Store. The Extension is available on the Chrome Web Store: -
[**Medium to Dev**](https://chrome.google.com/webstore/detail/medium-to-dev/ebbpgnlogjlnchmlfiagmgifdcafpbef)

### Steps to use the Extension

 1. Add the extension to Google Chrome using the above-mentioned link on Chrome Web Store. 

 2. Open [Dev Community](https://www.dev.to)’s website and make sure that you are logged in.

 3. Now, open an article on Medium that you have published. You can also open a saved draft.

 4. Click on *Extensions *icon located on the right side of *Address Bar*. Then, click on *Medium to Dev*

 5. Now, a pop-up window will open. Once it is loaded, you can see the markdown version of your current article. 

 6. Click on the button *Copy to ClipBoard *to copy the markdown.

 7. Click on *Open in Dev.to*

 8. A new tab will open. Once it is finished loading, you will be able to see the draft for your Dev Article containing the markdown of your current article.

![open your article and click on the chrome extension logo ](https://cdn-images-1.medium.com/max/5724/1*Z9WRmtTPR0NNdeOXJKe58A.png)

![Click on **Copy to Clipboard **button and then Click open to Dev.to button](https://cdn-images-1.medium.com/max/3236/1*pJxEhqEqIbx__nQKBAtlog.png)

![The markdown will be copied automatically to Dev.to as a new Draft](https://cdn-images-1.medium.com/max/4752/1*ReW6nyTznPXEPoW3KnIE5A.png)

![](https://cdn-images-1.medium.com/max/4628/1*mgsYGkJqIquhBeKTKthqfg.png)

![Click on Preview or Publish and Volia your article is copied ](https://cdn-images-1.medium.com/max/5504/1*S4ydjfi3Gk0DhfC2yU2vng.png)

**Supports**

 1. The github gists is supported which is very useful for developers

 2. Youtube Videos are supported.

Future Enhancements coming soon

 1. Exporting from Friend Link

 2. Some diagrams might not be working, adding support for those. 

If you find any bugs or enhancements, feel free to comment here or in chrome dashboard page. 

In the next tutorial, we will discuss how we developed the extension and deep dive into the Javascript code.