✏️ Note: This feature is in private beta and not available to all customers yet.
Importing from CSV allows you to create multiple iterations of an artboard with ease. Define variables in a spreadsheet and import it and Jitter automatically updates your project with multiple versions of your artboard, complete with the content from your CSV.
Setting up your CSV
First, make sure all of the layers you want to override are uniquely-named so that the import runs without ambiguity.
Select your artboard, right click and choose Copy as > Download as CSV from the context menu.
This generates an example CSV pre-filled with your artboard's layer names. With the layer names at the top of the CSV in row 1, build out your CSV with this structure:
Columns contain your layer content
Rows contain each version of the file you want to generate
✏️ Note: Each column header should match the name of a layer in your Jitter artboard. Columns that don't match any layer will simply be ignored.
For text layers: Enter the replacement text directly in the cell.
For image layers: Enter the image's filename. When you drop the CSV bundle onto the canvas, drag your image files into Jitter at the same time.
💡 Tip: Put your image assets in the same folder as your CSV for ease when dragging onto the canvas.
Only text and image layers are currently supported for CSV imports.
Example
Headline | Subtext | Hero Image |
Summer Sale | Up to 50% off | summersale.png |
New Arrivals | Shop the latest looks | newarrivals.png |
Flash Deal | Today only | flash.png |
In this example, Headline and Subtext are text layers, and Hero Image is an image layer. Jitter would generate 3 versions of the file, one per row.
✏️ Note: If you leave a cell blank, the content from the original artboard will remain.
Importing your CSV
To import your CSV, select the target artboard and drag and drop your CSV file and any accompanying media files onto the canvas. Jitter automatically detects which artboard to use as the base. You’ll see additional artboard versions created with the content you have defined in your CSV file.
💡 Tip: If the artboard match isn’t correct, just select the target artboard manually before dropping your files onto the canvas.