Teams Adaptive Card Quick Templater

Start with a template, make it yours, then copy the card JSON.

Home

Adaptive Card schema 1.4

Card setup

Configure your card

Follow the three steps below. Your preview and JSON update as you edit.

  1. 1. Choose a template
  2. 2. Edit the fields
  3. 3. Review and copy JSON
Key details

Add the key information needed for this card.

Advanced options and saved templates
Use this card in Power Automate

In your flow, add Post adaptive card and wait for a response. Paste the card JSON into that action.

After someone submits the card, use the action's response fields in later steps. Submit buttons also include an action name, such as Approve, so your flow can tell which button was chosen.

The preview only imitates a response. Test the card in Teams to check how your Teams client displays it and returns its inputs. A link button opens a web page; it does not send a card response.

Save cards for later

Cards are saved only in this browser.

Give this setup a name you will recognise.

To keep a separate version of a saved card, load it, change its name here, then save it.

Use this card replaces the current form and preview with the saved card you selected. Download backup saves an editable copy to your computer. Import backup opens an editable copy from your computer. For Power Automate, use Download JSON above.

Live preview

Teams card

Preview simulation
Teams · Approvals

Generated card JSON

Valid JSON · Adaptive Card 1.4. Test it in Teams before using it in a flow.

Check your card

    Review before using in a flow

      Learn the main parts of this card

      TextBlock shows text. FactSet shows labelled details. Inputs collect answers.

      Action.Submit sends the input answers and its data.action value to the flow. Use that value to identify the selected button.

      Action.OpenUrl opens a link instead; it does not submit answers.

      Built for Teams and Power Automate

      About the Tool

      The Teams Adaptive Card Quick Templater helps you create and customise Adaptive Cards without writing JSON by hand. Choose a template, edit its fields, and review the live preview and generated JSON before copying or downloading it for use in Power Automate. Cards you save stay in your browser; always test the exported card in Teams before using it in a flow.

      Quick answers

      Frequently Asked Questions

      What is the Teams Adaptive Card Quick Templater?

      It is a free browser-based tool for customising an Adaptive Card template, previewing the result, and copying or downloading the card JSON for Microsoft Teams and Power Automate.

      How do I create an Adaptive Card?

      Choose a starting template, edit its fields, then review the live preview and generated JSON. You can copy the JSON to your clipboard or download it as a file.

      How do I use the generated card in Power Automate?

      Add the “Post adaptive card and wait for a response” action to your flow, then paste the card JSON into that action. Use the returned response fields in later flow steps.

      Are my saved cards uploaded or shared?

      No. Saved cards stay in your current browser. Use the backup download and import options to move an editable copy between browsers or devices.

      Can I use the preview to confirm a card works in Teams?

      The preview is a visual simulation, not a live Teams client. Review the generated JSON and test the card in Teams to confirm how it displays and how its inputs and actions behave.