Studio

Studio is the image editor. Each thing you make there is a design: a feed post, a product shot, a poster, a story or a thumbnail. You usually start from an image and work on it with the image tools, and everything on it is a layer you can move, size, hide, lock and blend: the image, any text, shapes and other pictures. A design can have several pages, one for each size it goes out at. Everyone in the workspace can open a design, and editors can change it at the same time.

Start a design

Open Studio in the sidebar (on a phone, it's on the tab bar) and choose New, then Image. With Images picked at the top, the button is New image. Edit an image opens and asks Which images?: upload one with the first tile (or drop an image anywhere on the page), or pick from your Library, and use the search once you have a dozen files or more. Choose Edit 1 image to open it, sized to the image (a portrait post, a square, a story or a landscape, whichever is nearest), with the image filling it on a white background. While Studio is empty, Edit an image on its first page does the same. On a Library image, Edit in Studio starts a design from that image straight away. Pick up to 21 images and choose Edit 5 images (or however many) instead: the design starts from the first, every other image comes in as a page laid out like it, and all of them are picked, so a background, a template or a size goes on every one at once. Start blank instead makes an empty portrait design. You can change the size later in Sizes. To rename or delete a design, use the menu on its tile (press and hold on a phone).

The Studio page lists your edits and designs together as tiles, the one changed last first, each tile’s line starting with Video or Image. All, Videos and Images at the top narrow it to one kind. Beside the search, one menu picks whose: Everyone’s, Yours (the ones you made) or Shared with you (the ones that belong to another workspace). Yours shows only when the workspace has more than one person, and Shared with you only when something is; with neither, the menu isn’t there. The other sorts by Last edited or Name. Folders sit above them as tiles, each showing a few of what’s in it, and hold edits and designs alike. They’re the same folders as the Library’s, Boards’ and Docs’: a folder made in one tab is in all of them, and Also here under a folder’s name links to its files, boards and docs. Choose one to open it on a page of its own, with Studio as a link before its name at the top to come back and its ⋯ (Rename, Delete folder) beside the name. On a desktop, drag an edit or design onto a folder’s tile to move it there, with Undo in the message that follows, or use Move to in its ⋯. A folder with nothing in it shows empty tiles, the first one reading Add from Studio: choose it, tap the edits and designs you want in the Add to window (each shows where it is now), then choose the button that reads Move 2 items here, or however many you picked. Templates (not on Images), New folder and New are at the top right. While Studio is empty, New is hidden and the page offers the ways to start instead. If you can edit and there’s nothing of the kind you picked yet, the page shows empty tiles, the first one reading New video or New image. On a phone, the violet round button with a plus at the top right starts something. Beside the page's title, ⋯ has New folder, Templates and Sort by name.

Home shows your designs among your edits under Continue editing, the ones you opened or made most recently first, then the rest by when they changed, with Image in a design’s line, and Open Studio beside it for the rest. Edit image under the question on Home starts a new design; on a phone it's in the row of shortcuts under the card.

You can also ask the Agent from any page, for example "make a 4:5 post for the spring drop with the rooftop shot and a lime sticker". It makes the design with its layers and opens it. Only pictures and videos can be layers, so it leaves out any sound, 3D model or World you name. Inside a design, the sparkle in the top bar opens the Agent beside it.

The tools

The tools down the left (along the bottom on a phone) are Looks, Adjust, Magic, Select, Background and Sizes, then Templates, Text, Shapes and Media, then Layers, then Comments on a saved design: what your team and reviewers have said, pinned to a spot on the image. See Share an edit for review. The first six work on the image: the image layer you've picked, or else the biggest image on the design. Each opens its panel next to the rail. Drag the panel's right edge to make it wider or narrower, or double-click the edge to go back to the usual width; the width is remembered in this browser and is the same one the video editor uses.

• Looks: one tap to give the image a look, each shown on your own image, in four groups: Colour film (Portra 400, Gold 200, Ektar 100, Kodachrome, Ektachrome, Velvia 50, Superia 400, Pro 400H, CineStill 800T), Black and white (Tri-X 400, HP5 Plus, Delta 3200), Cinema (Teal and orange, Bleach bypass, Technicolor, Day for night) and Vintage (Instant film, Disposable, Expired film, Cross-processed, Lomo, Silent film). Pick one and a strength slider appears at the top. Original takes it off. Looks are free.
• Adjust: sliders for light, contrast, colour, warmth, tint, highlights, shadows, fade, vignette, grain, sharpen and blur. Double-click a slider to put it back, or choose the round arrow beside the first slider (Put every slider back) for all of them. They're free and stay when you change the look.
• Curves and colour, at the foot of Adjust, is for finer colour work. It opens in the panel in place of the sliders, with three tabs. Curves: drag the line to change dark, middle and bright tones, for all channels or just red, green or blue. Press on the line to add a point, and double-click a point (or drag it off the top or bottom) to take it away. Wheels: drag the dot on Shadows, Midtones or Highlights towards a colour to tint that part of the picture, and use the slider under each to make it lighter or darker. Colour: pick one of eight colours and change its hue, saturation and lightness, leaving the others alone. The row under Adjust says what's on. Close or Esc goes back to the sliders. Each tab's round arrow puts it back, and Put every slider back leaves them be. They need a browser with WebGPU (recent Chrome, Edge and Safari); without it they're kept but not shown.
• Magic: makes a new image from yours with an image model. Tap a card and it runs; the price shows when you hover it. Under Fix: Enhance, Expand to the design's shape, which carries the image on past its edges for one that doesn't fit, Upscale, which makes it bigger and sharper (as much as fits one price, up to 4 times and 24 megapixels) while it stays the same size on the design, Split into layers, which takes the image apart into see-through layers (the background, then the subject, then what's in front of it, each filled in where something covered it) so you can move, hide or change each part on its own, and Add colour, which colours a black and white photo. Then three rows, each opening in the panel in Magic's place (Close or Esc goes back):
• Light: relights the image. Drag the light around your picture, or start from Golden hour, Soft window, Moody, Neon night, Bright studio, Silhouette or Blue hour, then set Warm to Cool, Soft to Hard shadows and Bright to Moody. Relight makes it, its price on the button.
• Camera: the same moment seen from somewhere else. Drag the picture to turn the camera around the subject and raise or lower it (the line under it says how far, and the round arrow puts it back), choose Closer, As shot or Wider, and pick a Lens if you like: Wide-angle, 50mm, 85mm portrait, Telephoto, Macro, Fisheye, Anamorphic or Tilt-shift, with As shot to leave it. Small moves keep the scene closest to the original. Change the angle makes it.
• Colour: recolours the image in a palette, keeping skin tones natural. Tap a palette to run it: Your brand when you have one, then Pastel, Earth, Neon, Ocean, Autumn, Violet mono, Retro and Nordic. From a picture reads the colours of an image on your device (nothing is uploaded) and adds it as Your picture.
• Product: On a model (worn or held by a person), Ghost mannequin (clothing shaped as if worn, no body), Flat lay (laid out neatly, from above) and Smooth out wrinkles. Each keeps the product exactly as it is.
• Recast: a card for each of your characters (up to four), named As and their name. It swaps the person closest to the camera for them and keeps the rest of the image. It shows once you have a character in Elements. See Recast someone in a video or photo.
• Restyle: 3D figurine, Anime, 3D animated, Pro headshot, Instant photo, Claymation, Oil painting, Pencil sketch, Cinematic, Studio product, Neon night and 1970s, each shown on a sample. To change something specific ("make it golden hour", "take out the bin"), ask the Agent, or use Select to change just one part.
• Select: changes just part of the image and leaves the rest exactly as it is. Choose Box and drag over what you want, or Brush and paint over it (set its size with Brush size; a stroke that starts on a brushed area adds to it). Each area gets a number on the design and a row in the panel saying where it is, with × to take it away, and Clear for all of them. You can pick up to 8 areas at once. Then:
• Change it opens the Agent with a line for each area. Say what each becomes, like "Area 1: a red vintage car" and "Area 2: a neon sign that says Open". You can name a Library image for it to match.
• Remove it fills each area in as if what was there never was.
• Lift onto a layer (one area at a time) puts that part on a layer of its own, just in front, ready to move, and fills in the space behind it.
• Each area costs one Magic run; with several, it asks once with the total. Only the area changes: the edge blends into the picture around it. Straighten a rotated image first (Arrange, Rotation 0).
• Background: the top row sets what's behind the subject: Original, Remove (cuts the subject out, for credits) and Blur (a blurred copy of the image behind the cutout, free once the subject is cut out). Under it:
• Make one with AI: tap a style (Studio, Pastel, Marble, City bokeh, Sunset sky, Concrete, Botanical or Podium) and a background is made behind the image, so the subject stays exactly as it is. If the image isn't cut out yet, it's cut out first. Every background you make is kept as Yours: tap one to show it, or Original, Remove or Blur to go back.
• Shadow (once the subject is cut out): Soft, Floor or Reflection, so the product stands on what's behind it rather than floating, or None. Free, and it moves with the product.
• Outline (once the subject is cut out): Thin or Thick, a sticker's edge round the subject, in white, ink, your brand's colours, lime or violet, or None. Free, and it goes with any shadow. With several pages picked, a shadow or an outline goes on every picked page's cutout.
• Border: lays the image inside a border drawn in the background's colour: None, Even, Instant (deeper at the bottom) or Gallery (a wide mat).
• Colour: the colour behind the image, from your brand's colours and a few more, Any colour, or the eyedropper to take a colour from the picture (in Chrome and Edge).
• Sizes: a card for every place the design goes: Post (4:5), Square (1:1), Story (9:16), Wide (16:9), Pin (2:3) and Banner (3:1). Each is shown as it'll come out. Post, Square, Story and Wide lay the design out again in that shape; Pin and Banner save a PNG at their size. Under Shops, Amazon (2000 × 2000 on white), Shopify (2048 × 2048) and Etsy (2700 × 2025) save a PNG at the size each asks for. Centre the product puts a cut-out product in the middle with even room round it, on every picked page.
• Templates: ready layouts for a product shot, in your brand's colours and type when you have a brand: under Sale, Sale badge, Percent off, Price tag and Last chance; under New, New in, Just dropped and Limited edition; under Shop, Bestseller, Free shipping and Features; under Social, Review and Big headline. Each card shows it on your image. Tap one and its words and shapes go on as ordinary layers, so tap any of them to change the words, colours or place. A cut-out product moves to where the layout leaves room for it. Another template takes the last one's place, and the round arrow by Sale takes it off. Free; with several pages picked it goes on every one. Under them, Custom size saves a PNG at the width and height you type, and A copy in every size adds a page for each of the other shapes.

Magic, a cutout and an AI background take a little while. A soft light crosses the layer each result will replace (or the whole page, for a new layer) while it's made, and when it's ready the new image takes the old one's place in its layer, in the same spot. Undo puts the old one back. Split into layers is different: its layers go where the image was, in the same spot, and the image stays under them as a hidden layer called Original, so you can show it again in Layers. The layers are smaller than most photos (about 1024 pixels on the long side), so for a big print keep the original. Each result is also kept in the design's files (Media) and your Library; a changed area and the layers from Split into layers are kept in the design's files only. If you close the design before it's ready, it waits in Media for you to add (a changed area as the part that was made).

Every image an image layer has shown is kept in its Versions tab (pick the layer to open it): Original first, then each result by what made it. Tap one to put it back.

To see the image as it started, without looks, sliders or anything Magic or Background did, hold \\ (backslash) on a keyboard, or press and hold the picture on a phone. Showing the original appears over it. Let go to come back.

Pages

Under the picture is a strip of pages, centred, each drawn in its own shape with the open one ringed in violet. Hover a page to see its name and shape, like "Page 1 · 4:5". A new design has one. Use it to keep a post, a story and a banner together, or one design in several sizes.

• Click a page to open it. The + at the end of the strip (Add a page) makes a blank page in the open page's shape.
• Right-click a page, or hover it and choose its ⋯, for Open, Pick this page, Rename, Duplicate, Move earlier, Move later and Delete. With a mouse you can also drag a page along the strip to move it.
• The open page’s name sits in the top bar after the design’s, with a small arrow. It opens a menu with Rename, Duplicate page, Versions, New page and All pages, which brings the strip into view. Versions lists Now and each version you’ve saved, newest first, with who saved it and when. Choose Restore to go back to one (what’s there now is saved first, and Undo brings it straight back), or Save this version at the foot to keep the page as it is.
• In Media, the Library tab lets you tick images and choose Add as a page (or Add 3 as pages). Each image gets a page that's a copy of the open one with that image in its place, up to 20 at a time.
• A copy in every size, in Sizes, adds the design again in each of the other shapes.
• A page named only for its shape, such as 16:9 or Wide 16:9, is renamed when you lay it out again in another shape in Sizes. A name you typed stays.
• A design holds up to 60 pages. A design always keeps at least one.

To work on several pages at once, ⌘-click or Shift-click them (Ctrl-click on Windows), or press ⌘A (Ctrl+A) or choose Pick every page in a page's ⋯ menu to pick them all. 3 pages picked shows beside the strip, with All and Clear. Looks, Adjust, Background, Templates and Sizes then change every picked page, and a note offers Undo for all of them. Anything that costs credits asks once, with the total. Esc lets go of a picked layer first, then the picked pages.

Zoom and undo

On a computer, zoom is a pill at the bottom right of the design: −, the zoom (such as 100%), +, then Full screen. Choose the percentage for Fit, Fill, 50%, 100% or 200%. ⌘ + and ⌘ − zoom too, ⌘0 fits the page and ⌘1 goes to 100%; pinch on a trackpad, or hold ⌘ and scroll. Once the page is bigger than the view, scroll, or hold Space and drag. Zoom isn’t kept when you leave.

There are no undo buttons on a computer: use ⌘Z and ⌘ Shift Z (Ctrl on Windows). Deleting a layer says Layer deleted with Undo beside it.

Ask the Agent

The sparkle in the top bar opens the Agent beside the design. It sees the open page as a picture, the design's pages and layers, where each layer sits and how big it is, which are hidden or locked, how the text is set, and what's been done to each. If you have a brand, it also notices text that isn't in your brand's typeface or colours. It works on the open page for you:

• Free changes happen at once, each one step Undo takes back: "give it the Film look at half strength", "warm it up a bit", "put it in a white border", "make the background lavender", "add 'Spring drop' as a headline".
• It can lay the page out too: "move the headline to the top left", "make the logo smaller", "line these up on the left", "bring the sticker to the front", "hide the badge", "put the Sale template on it", "lay it out as a story". It can move, size and fade a layer, line layers up with an edge or the middle of the page (edges keep a small margin), change the stack, hide, lock, rename or duplicate a layer, change a text layer's words, size, colour, typeface, alignment, bold and italic, change a shape's colour, lay a template over the page, and lay the page out again as a Post, Square, Story or Wide. Only images and videos can be turned, a text layer is sized by its text size, and the background colour always stays at the back.
• After a layout change it can look at the page again and fix what's off, such as text running off the page, over a face or the product, crowded edges or too little contrast, before it says it's done.
• The AI tools come as a card in the conversation: "cut her out and put her on a marble counter", "give me two pastel backgrounds", "make it a 3D figurine", "take out the bin", "fill it out to a story", "relight it for sunset", "show it from a bit lower", "recolour it in our brand colours", "split it into layers" (it can ask for 2 to 8; without a number you get 4). With areas picked in Select, it can change each one its own way ("1: a red car, 2: take the sign away"). A card that costs a little starts after a few seconds, with Stop to cancel before anything's spent; a dearer one waits for you to press Make it. What it makes lands on the design like the tool's own button would.
• A picture you ask it to make goes on the design as a layer of its own on top.
• To change another page, open it first and then ask.

Add layers

• Text: a Headline, Subheading, Body or Label, your brand's name in its typeface when you have a brand, and Your logo at the bottom right (on every picked page, with several picked).
• Shapes: a Rectangle, a Circle or a Colour fill that covers the whole design.
• Stickers: search KLIPY's stickers and choose one to add it as a layer. See Stickers.
• Media: the This design and Library tabs. Upload more, or bring files in from your Library. Choose + (Add as a layer) on a picture or video to put it on the open page as a layer; a check shows for a moment once it’s there. Sound files have no +. On a computer you can also drag a file onto the design. Hold ⌥ (Alt on Windows) as you drop it on a picked image to replace that image in its place.
• Layers: every layer, the front one first. Choose + for Image or video, Text, Rectangle or Circle.

Change a layer

Click a layer on the design, or in the Layers list, to pick it. Drag it to move it, and drag a corner to size it. Its centre snaps to the middle. Under an image or a video is a round handle: drag it to turn the layer. It snaps square near 0, 90, 180 and 270 degrees, and holding Shift turns it in steps of 15.

The picked layer opens in the left panel in place of the tool, with its name and a × to close it. Choose Layer, first in the rail, to bring it back after a tool. An image you pick while Looks, Adjust, Magic, Select, Background or Sizes is open stays with that tool. The panel has tabs:

• Text (text layers): the words, font (your brand's first), size, weight and italic, alignment and colour. Under them, Effect: None, Shadow, Outline or Highlight (a colour behind each line), with Effect colour for the one that's on. Then Letter spacing and Line height.
• Arrange: its position and size in pixels, Flip (across or upside down) and Crop for an image, rotation for images and videos, centring, Fit the page or Fill the page for an image, and opacity.
• Look: the colour of a shape or fill, how round a rectangle's Corners are, and its Blend mode (Multiply, Screen, Overlay and the rest).
• Versions (images a tool has changed): every image the layer has shown. Tap one to put it back.

A bar floats over the picked layer on the design with Duplicate, Send back, Bring forward, Lock and Delete. On an image it also has Tools (Remove the background, Blur the background, Enhance, Expand to the design's shape and Upscale, each with its price), Crop and Flip.

Crop shows the whole image with the crop over it. Drag its edges and corners, or drag inside it to move it, and keep it to a shape with Free, Original, 1:1, 4:5, 9:16 or 16:9 in the bar above. Done (or Enter) crops it; Cancel (or Esc) leaves it. The cropped image stays where that part of it was, and cropping again starts from the whole image, so you can make a crop wider again. Flip turns the image over, left to right. Both are free, Undo takes them back, and each is kept in the layer's Versions. A cutout keeps its shadow and outline.

In the Layers list, drag a row up or down to restack it (the row itself is the handle; on a touch screen, hold it first), or focus a row and press ⌥ ↑ or ⌥ ↓. Double-click a name to rename it, and use the lock and eye beside a layer to stop it moving or hide it; they show on hover, and always on a layer that’s locked or hidden. A locked layer can't be picked or dragged on the design, so unlock it first. The background starts locked, and its row opens Background. Arrow keys nudge the picked layer (Shift for 10 pixels), ⌘D duplicates it, Delete removes it, and ⌘Z undoes.

Tell the Agent a decision about the design, such as "keep the headline under five words", and it notes it for the project and follows it in every conversation about it. See Project notes.

Export and share

• Export opens a panel. Pick PNG (sharpest), JPEG (smaller) or, when the subject is cut out, No background: a see-through PNG of everything but the colour behind and anything the tools put there. Size saves it at 1×, 2× or 3× while those fit (the pixels show under it; a size is left out when the picture would pass 16 megapixels, so a large design may offer only 1×), and a JPEG's Quality is Best or Smaller file. Download saves the open page, drawn by the same engine you see in the editor, looks and all; with several pages picked it saves those in one zip, and Every page, in one zip saves all of them. Each file is named after the design, the page number and the page's name or shape. If your workspace has Library fields, the File names row opens a box to name them from the page’s photo instead, like {sku}_{angle}_{size}. Export remembers what you picked last, in this browser.
• Mock it up, in the same panel, puts the open page in the Mockup tool: on a phone, a poster or in a scene. Make a video opens Create with the open page as a video's first frame.
• Share sends a review link, as for an edit.

The Agent's sparkle is in the top bar on a computer. At its left, Show sidebar opens the app’s sidebar over the design (a design opens with it hidden), then the design’s path (Studio, then its folder if it has one, then its name, then the open page’s name and its menu) takes you back: choose Studio to return to it.

On a phone

A design on a phone has the picture in the middle, the pages under it and the tools along the bottom. At the top are Back to Studio, the design’s name with the open page and its shape under it, the Agent sparkle, Export and Share. Pinch the picture to zoom, move two fingers to look around, and double-tap to fit it again.

• With nothing picked, the row along the bottom scrolls: Looks, Adjust, Magic, Select, Background, Sizes, Templates, Text, Shapes, Stickers, Media, Layers and Comments (on a saved design). Each opens a drawer over the foot of the screen, with the tools still below it; tap the tool again, or drag the drawer’s handle down, to put it away.
• Undo appears at the left of the page row once there’s something to undo. Press and hold it to redo.
• Tap a layer to pick it. The row becomes that layer’s, with Done first. A text layer has Edit, Font, Colour, Style, Where, Duplicate and Delete. An image has Looks, Adjust, Crop, Magic, Background, Arrange, Tools, Duplicate and Delete. A shape or fill has Colour or Look, Arrange, Duplicate and Delete.
• Tap a page to pick it. The row becomes the page’s, with Done first, then Duplicate, Earlier, Later, Size, Rename and Delete.