AWS CloudFormation Designer

AWS CloudFormation Designer is a tool that lets you create and edit CloudFormation templates using a graphic user interface. Designer hides a lot of the complexity of editing a CloudFormation template using a standard text editor. You can access this directly at https://console.aws.amazon.com/cloudformation/designer, or in the CloudFormation dashboard after you click on the Create Stack button, as shown here:

The workflow is fairly simple. You simply drag and drop resources from the left-hand side menu into a canvas.

Once your resources are added, you can then connect them to other resources using the small dots surrounding each resource icon. In the preceding example, we are connecting an EC2 instance to its security group. There are a number of hidden gems that can help you when designing your template. You can right-click on resources and directly access the documentation for the CloudFormation resource as follows:

When dragging a dot to connect two resources, a designer will highlight resources that are compatible with that connection. The editor on the bottom section of the designer supports auto completion using Ctrl + Spacebar:

Once your template is complete, you can simply click on a button and go from designing your stack to launching it. The next tool we will look at is called CloudFormer.