On the right hand side in VS Code, it’ll search for the Workspace for the Adaptive Cards to detect.Once installed, it’ll appear on the left hand side as below –.Open Extensions in Visual Studio Code and search for Adaptive Cards Studio.Here’s how you can use the Adaptive Card Studio and how it can be useful. While working with Adaptive Cards, we often struggle to make sure the browser tab doesn’t gets closed accidently and you lose your progress on the Adaptive Cards you are working on.Īnd, if you are struggling to maintain the Card Payload in a temporary file, there’s a smarter way available to do so using VS Code’s Extension – “Adaptive Cards Studio” VS Code Extension – Adaptive Card Studio So there’s a Visual Studio Code Extension for the same which will help you preserve and preview the Adaptive Card you are working on. If you’ve started working on Adaptive Cards recently and always struggle with losing Adaptive Card payload from, you should use the Adaptive Cards Studio Extension.

The card studio