The Designs API offers the ability to manage assets stored in the Twilio SendGrid Design Library.
The Design Library is a feature-rich email layout tool and media repository. You can build designs for all your email needs, including Single Sends, Automations, and Dynamic Templates.
You can also duplicate and then modify one of the pre-built designs provided by Twilio SendGrid to get you started.
The Designs API provides a RESTful interface for creating new designs, retrieving a list of existing designs, duplicating or updating a design, and deleting a design.
This endpoint allows you to duplicate one of your existing designs.
Modifying an existing design is often the easiest way to create something new.
You are not required to pass any data in the body of a request to this endpoint. If you choose to leave the name
field blank, your duplicate will be assigned the name of the design it was copied from with the text "Duplicate: " prepended to it. This name change is only a convenience, as the duplicate will be assigned a unique ID that differentiates it from your other designs.
You can modify your duplicate’s name at the time of creation by passing an updated value to the name
field when making the initial request.
More on retrieving design IDs can be found below.
Bearer <<YOUR_API_KEY_HERE>>
The ID of the Design you want to duplicate.
application/json
The name of the new design.
Duplicate: <original design name>
The editor used in the UI.
code
design
The name of the new design.
Duplicate: <original design name>
The editor used in the UI.
code
design
The HTML content of the Design.
1048576
Plain text content of the Design.
1048576
Default: <generated from html_content if left empty>
1const client = require('@sendgrid/client');2client.setApiKey(process.env.SENDGRID_API_KEY);34const id = "f15982c1-a82c-4e87-a6b2-a4a63b4b7644";5const data = {6"name": "Ahoy, Cake or Pie Cafe!",7"editor": "design"8};910const request = {11url: `/v3/designs/${id}`,12method: 'POST',13body: data14}1516client.request(request)17.then(([response, body]) => {18console.log(response.statusCode);19console.log(response.body);20})21.catch(error => {22console.error(error);23});