Brand and content

Library and cloud storage

Every image and video you use in one place, with a copy filed into your own Dropbox or Google Drive.

Wildfield keeps the media for your ads in two places. The library is inside the app: every image you upload, generate or capture, ready to drop onto a layer. Cloud storage is yours: connect Dropbox or Google Drive and Wildfield files copies of your media and exports into your own folders, where the rest of your agency's work already lives. This page covers both, and how a team shares one client folder.

#Library

In the appLibrary panel
Every asset for this design system - searchable, attributed, thumbnailed. Browsing works even when you are not connected to a teammate's cloud.

The library sits under the image controls of the background and of every image layer, with the heading LIBRARY and a count. It has three tabs:

  • Uploads: images you have dropped or picked into this project, in any scene and any format, plus stills captured with Live Frame.
  • Videos: video clips, including Live Frame recordings. Hover a tile to play it. An iPad has no hover, so the tile keeps its still there, and a tap uses the clip.
  • Generations: images made with AI images, for this project and for the whole design system.

Click a thumbnail to put it on the layer you are editing, or on the background when the base layer is selected. A video works the same way: on a Media layer it becomes that layer's own clip (on a filled Vector, its media fill), and on the Background it becomes the background video. You can also drag a thumbnail onto the canvas, where it lands as a new layer, or onto a layer's Media slot.

Sorting

The menu beside the LIBRARY heading sorts every tab: Newest, Oldest, Name A to Z, Type (SVG, then PNG, WebP, GIF, JPG and the rest, newest first inside each type) or Favourites first. Your choice is remembered in this browser, for you only, and it works together with the tabs and the favourites filter. Items that carry no date keep their place at the end.

Favourites

Hover a thumbnail and press the star in its top-left corner to make it a favourite; the star stays lit once it is set, and pressing it again removes it. On an iPad the star is always on the tile: tap it. The star button beside the sort menu shows only your favourites, in whichever tab you are in; press it again to see everything. Favourites are yours: a teammate on the same design system sees their own, not yours. Both stars are ordinary buttons, so Tab reaches them and Enter or Space presses them.

Bringing in brand assets

Drag an SVG, PNG, JPG, WebP or GIF from your computer onto the canvas, or onto the Library itself.

  • An SVG becomes a new Vector layer carrying the artwork, placed where you let go.
  • A transparent image, such as a logo PNG, becomes a new Media layer shown whole at half size where you let go, with its transparency kept.
  • An opaque photo becomes a new Media layer that fills the frame. The whole photo stays in the layer, so you can drag it to show the parts the frame hides.

A file you already uploaded is not stored again: Wildfield recognises the same bytes, under any name, and reuses the copy it has, so the Library keeps one entry for it.

The file is also saved to the design system's library, with its own thumbnail, so it stays in the Uploads tab after you delete the layer, and everyone on the design system can use it. One undo removes the new layer (the library copy stays). Before an SVG is placed or saved, Wildfield removes anything in it that could run code or load something from elsewhere: scripts, event handlers, embedded web content and links to outside files. SVGs can be up to 5 MB, images up to 25 MB.

To reuse something later, drag its thumbnail out of the Library onto the canvas: it becomes a new layer at that spot, an SVG as a Vector layer and an image as a Media layer.

Picks apply to one format

Each image belongs to the format it was made for, and its tile carries a small format tag. Picking an image applies it to the format you are in and leaves the others alone, so choosing a tall image in 9:16 never squashes the 16:9 version. To use the same image in another format, switch format and pick it again.

Deleting

Hover a tile and press its x (on an iPad the x is always on the tile: tap it). For an image, that removes it from the history and frees its storage, and it cannot be undone. For a video, it takes it off the list.

Seeing a teammate's work

Wildfield keeps its own copy of uploads, drops, captures, the background video and generations, so teammates see and render them even without access to your cloud. That holds on Dropbox and Google Drive, and for renders an agent starts too. Files you pick straight from your cloud with Cloud get a copy as well while Copy files I pick from my cloud into Wildfield is on in Your account, which it is unless you turn it off. With it off, a picked file stays in your drive and only you can see it.

Ideas

  • Generate five hero options once, then pick a different one per scene from Generations.
  • Capture product stills with Live Frame and build a whole carousel from the Uploads tab.
  • Pick the 9:16 hero image in 4:5 too, then reframe it so the product sits above the CTA.
  • Drop the client's logo SVG and brand PNGs in once, star them, and turn on the favourites filter whenever you build a new scene.

#Cloud storage

In the appInput or Output > Cloud storage
Store media in your own cloud. Connect Dropbox or Google Drive and dropped media, captures and exports are filed there instead of living only in this browser.

Renders and exports (PNG, ZIP, HTML) save to the export folder. Captures and uploads save to the source folder; on Google Drive you pick input files through the Google Picker.

The Cloud storage section appears in both Input and Output mode. Press Connect Dropbox or Connect Google Drive and sign in in the window that opens. The section then shows the account you connected, and Disconnect to remove it. With both connected, a Use: switch picks which one Wildfield files into.

If you remove Wildfield's access in your Dropbox or Google account, Wildfield notices the next time it uses the connection or you open the app: the section shows the account with access was removed and a Reconnect button, instead of looking connected while nothing works. Press it and sign in again. Wildfield's own copies keep showing in the meantime.

Two folders

  • The source folder (chosen in Input) receives your dropped files, captures and generated images. Each file is saved with a time stamp in its name, so nothing is overwritten.
  • The export folder (chosen in Output) receives your PNGs, ZIPs, HTML and MP4 renders.

On Dropbox, choose each folder with the folder browser (with + New folder and Select this folder). Nothing is filed into Dropbox until you choose a source folder, and nothing is exported there until you choose an export folder.

On Google Drive, the folders are chosen through the Google Picker. Until you choose them, dropped media and MP4 renders go to a folder called "Wildfield" in your My Drive, while PNGs, ZIPs and HTML go to Drive only once you choose an export folder. If Wildfield cannot write to the folder you chose (it was deleted, or it is not yours), the file goes to your "Wildfield" folder instead, and for an export the toast says so.

Your folders are yours

Your folders and the Use: choice belong to you, not to the project. They are remembered for you in each project, on any computer you sign in on, and a new project starts with the folders you had open. A teammate who opens the same project sees their own folders, or none, and never yours, so their exports go to their own cloud. The one folder a team shares is the shared design-system folder.

Picking files from the cloud

In a layer's Media section, Cloud opens your storage so you can pick an image or video that is already there: the Google Picker on Drive, or the folder browser on Dropbox, starting in your source folder. The file stays in your cloud. A mask picked with Cloud works the same way.

A picked file is always read from the cloud of the person who picked it. A teammate's Wildfield never looks for it in their own Dropbox, so they can never see a different file that happens to sit at the same path in theirs: they see Wildfield's copy, or an empty layer when there is none.

Copy files I pick from my cloud

Open Your account (the profile button, top right) and find Cloud. Copy files I pick from my cloud into Wildfield is on unless you turn it off, and it is your setting, for every project.

  • On: each file you pick also gets a Wildfield copy, like a file you drop. Teammates, agent renders and exports can use it, and a picked mask keeps working.
  • Off: the file stays only in your drive. Teammates see an empty layer, their renders leave it blank, and an agent render cannot use it. Drop or upload the file instead if the team needs it.

The setting applies to files you pick from then on. A file picked before v1.1012.0, or while the setting was off, keeps no copy: pick it again, or drop it, to give the team a copy.

Without a connection

Nothing is lost: Wildfield keeps its own copy of your uploads, drops, captures, the background video and generations, and exports download to your computer as usual. Files picked with Cloud have a copy only when the copy setting was on. Connecting a cloud adds a copy in your own folders. If a save to the cloud fails, Wildfield says so and keeps its own copy.

Wildfield's copies are private links: they are not listed anywhere, but anyone you give one to (in an HTML export or a review link, say) can open that file. Removing someone from the design system does not take back a link they already have.

When someone else opens your project

  • Signing out does not disconnect your cloud, and teammates never use your connection.
  • They see and render everything Wildfield holds a copy of.
  • Files you picked from your cloud with the copy setting off stay private to you. Their Wildfield never looks for them in their own cloud.
  • Their exports land in their own cloud and on their own computer, never in yours.

Worked example

  1. In Input, press Connect Google Drive and sign in.
  2. Choose the source folder "Clients / Acme / Source".
  3. In Output, choose the export folder "Clients / Acme / Exports".
  4. Render a scene. The MP4 appears in the Exports folder and a toast confirms it.

Ideas

  • Point the export folder at the client's delivery folder so finished renders are waiting for them.
  • Keep the brand's photo shoot in Dropbox and pick shots straight onto layers with Cloud.

#Shared design-system folder

In the appInput or Output > Cloud storage
One client folder all collaborators on this design system write to and read from.

Dropped and captured media and generated images for this design system save to the shared folder instead of your personal source folder, for teammates on the same service as the folder, so the whole team reads and writes the same place. Share it with your collaborators so they can see it too. Exports always go to your own export folder.

Leave it unset to keep using your personal source folder.
  • When no shared folder is set: Without one, each teammate's dropped media, captures and generated images land in their personal cloud and scatter. Exports always go to your own export folder. Set one client folder so the whole design-system team reads and writes the same place.

When several people work on one client, each person's own source folder scatters the media across several clouds. A shared folder gives the design system one home: set it once, and everyone's dropped media, captures and generated images for that client land in the same place.

Set it up

  1. Open a project on the design system and connect Dropbox or Google Drive.
  2. In Input > Cloud storage, press Choose shared folder and pick the client folder.
  3. Share that folder with each collaborator in Dropbox or Drive. Wildfield cannot do this for you: each person opens files with their own login.

The setting is saved on the design system, so every collaborator picks it up, and it needs someone who can edit the design system to set it. It is used by anyone whose active cloud is the same service as the folder; someone on the other service keeps filing into their personal folder. Use my personal folder instead switches you back.

Two limits to know:

  • Dropbox: the folder is saved as a path, such as /Clients/Acme. Each teammate needs the shared folder at that same path in their own Dropbox. Otherwise their files go to a new private folder at that path in their Dropbox.
  • Google Drive: Wildfield can only write into Drive folders a person picked or created through Wildfield themselves, so a teammate's files go to their own "Wildfield" folder rather than the shared one.

In Output, the Campaign and filing area warns No shared folder set when there is none, with a Set shared design-system folder button, and shows Filing into shared folder when there is. Exports go to the export folder you choose in Output, so pick one inside the shared folder to keep renders with the rest of the client's media.

Ideas

  • Make one shared folder per client, with the export folder inside it, so the account manager finds every asset and every render in one place.
  • Set the shared folder before a new starter joins the team, so their first generations land with everyone else's.

#Campaign and filing

In the appOutput > Campaign and filing
Campaign names the push this project belongs to, and the assets you make are recorded under it. Exports save to your export folder under their own file names; add subfolders by hand if you need them.

Campaign & filing in Output mode names the campaign a project belongs to. Type it in the Campaign field (for example "Spring Launch"); it is saved with the project, and the assets you make are recorded under it.

Under the field, Auto-files as previews the filing pattern: the campaign, then the date, the project and the format. Exports are saved to your export folder under their own file names, such as spring-launch-vertical-02.png, so check the folder after your first export and add subfolders by hand if you need them.

Name campaigns the way the client does, and keep one campaign across all its projects: "Spring Launch" in the 9:16 project and the 16:9 project, not "Spring" in one and "Spring Launch" in the other.

Ideas

  • One campaign name per quarter's launch, shared by every format project, so the team can find the whole push later.
  • Include the market in the campaign name ("Spring Launch AU") when one design system serves several countries.

Try it in Wildfield

Build an animated, on-brand ad in every format from one project.

Wildfield is coming soon and opening to new teams in waves.

Start freeJoin the waitlist