Pic2Card service: Now available on Adaptive Cards Designer

Vasanthakumar S

Here’s some exciting piece of news we wanted to share with you: Finally, the Pic2Card service is available on

Pic2Card helps new Microsoft Adaptive Cards users to try out the generation of Adaptive Cards by merely uploading a card image. This further reduces the learning curve needed to develop Adaptive Cards using the Designer site. The entire idea of Adaptive Cards Designer is to help the card designers create new cards with ease. The Designer provides a WYSIWYG IDE environment for card developers to create customized cards if the template designs don’t fit their requirements.

We at team Imaginea want to make this process even easier. With Pic2Card, new Adaptive Cards users can simply upload a card image of their choice (that they get from the Internet or their designer) and right away grasp the Adaptive Cards representation of it. It’s that simple!

How to use this feature?

What’s Pic2Card?

Pic2Card converts any image to the Adaptive Cards card schema. The card generated will reproduce the text, color and font details from the image so that the final card looks almost similar to the image uploaded to the Pic2Card service.

In the pipeline

Let’s take a sneak peek under the Pic2Card’s hood. We employ state-of-the-art machine learning (ML) and other heuristic processing involved to recreate the image as a card.

The entire pipeline is shown in the image below. The two main parts are:

  • The ML model identifies each element’s bounding boxes that are needed to be extracted for the card.
  • The pipeline, which does all the layout setting, property extraction, etc., is based on the ML model output.

This entire pipeline is a part of our backend Pic2Ccard service, which is hosted as Azure Functions. The frontend part of the Pic2Card integrates with Adaptive Cards Designer.

Watch the community call here

Go ahead and try out the service, and let us know your feedback via Github Issues. @Team Imaginea

Originally published in Microsoft’s website by Adaptive Cards Team.


Your email address will not be published. Required fields are marked *