Live publish

Author: buck1ey

powerapps-docs/developer/component-framework/community-resources.md

@@ -76,7 +76,20 @@ The following is the list of blogs created by Power Apps community.
 
 ## Tools
 
-The [Code component builder](https://www.xrmtoolbox.com/plugins/Maverick.PCF.Builder/) is a tool from XrmToolBox that lets you create code components in visual manner using Microsoft Power Platform CLI.
+The [Code component builder](https://www.xrmtoolbox.com/plugins/Maverick.PCF.Builder/) is a tool that enables you to build code components with ease where you do not need to write the CLI commands but still use the [Microsoft Power Platform CLI](/powerapps/developer/data-platform/powerapps-cli) under the hood. Most of the commands are consolidated, making it easier to build components. 
+It has two versions:
+1. https://www.xrmtoolbox.com/plugins/Maverick.PCF.Builder/ is for XrmToolBox.
+2. [Visual Studio Code extension](https://marketplace.visualstudio.com/items?itemName=danish-naglekar.pcf-builder) both of them are called **PCF Builder**.
 
+[PCF Builder for XrmToolBox](https://www.xrmtoolbox.com/plugins/Maverick.PCF.Builder/) provides a graphical user interface that lets you create code components in visual manner using Microsoft Power Platform CLI.
 
-[!INCLUDE[footer-include](../../includes/footer-banner.md)]
+> [!div class="mx-imgBorder"]
+> ![Component Builder in XrmToolBox](media/pcf-builder-xrmtoolbox.png "Component Builder in XrmToolBox")
+
+[PCF Builder extension for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=danish-naglekar.pcf-builder) provides a guided experience that not only lets  you create code components but you can preview code component inside of Visual Studio Code.
+
+> [!div class="mx-imgBorder"]
+> ![Component Builder in VS Code](media/pcf-builder-vscode.png "Component Builder in Visual Studio Code")
+
+
+[!INCLUDE[footer-include](../../includes/footer-banner.md)]