Import a design (Figma, Penpot, Illustrator, InDesign)

signed by Lollykookaburra.webpWEBP2026-08-28AI generatedCheck it yourselfGet the signed filepixels, not shapes193 KB

Bring what you've already made

Your design files aren't stranded

Finished work in Figma, Penpot, Illustrator, InDesign or any SVG app doesn't have to stay locked in one app. Open Design, click Import a design and the file opens as a living layout - not a flattened picture. Every layer becomes an editable box, ready to keep working on, mix with tools and render through the same rules.

Fig Figma .fig · SVG

Pen Penpot .penpot

Ai Illustrator .ai · PDF

Id InDesign .idml

SVG Any SVG universal

Your design file

Figma, Penpot, Illustrator, InDesign or any SVG

→

Editable canvas

Every layer a box you can retype, restyle and move

→

Mix in tools

Drop in a QR code, a live chart or another render

→

Render anywhere

SVG, PDF, PNG, video - reproducible from a URL

It stays editable

Text stays text, shapes stay shapes, images join your library. You keep working on the design - you never repaint a screenshot.

It arrives conformed

Fonts remap to your faces and every fill passes the same colour guard as a native box. A foreign artboard arrives already governed.

It becomes a template

Save it and the layout is a reusable, URL-addressable tool - one anyone with Lolly can open, refill and render. No design app required.

Bring a finished design out of Figma, Penpot, Illustrator or InDesign and into Lolly - not as a frozen picture, but as a live, editable layout you can keep working on, mix with tools and render through Lolly's deterministic export path. Like everything else, the whole import happens on your device: the file is parsed in your browser and nothing is uploaded.

The good news for everything you've already made: none of it is stranded in the app you drew it in. A design you spent hours on in another tool arrives as an editable session, already conformed to your design globals - and once you save it, it's a reusable template anyone with Lolly can open and refill.

Import lives in Design, Lolly's free canvas: open it, click Import a design in the canvas toolbar and choose a file. The artboard resizes to the file's frame and every layer becomes an editable box on the same open canvas - so an imported artboard is just an ordinary Design session from the first click.

signed by Lollyvector SVG2026-10-07Check it yourselfGet the signed file274 paths~15k nodes275 groups4 images309 KBsigned by Lollyvector SVG2026-10-07Check it yourselfGet the signed file274 paths~15k nodes275 groups4 images310 KB

What you can import

Several file kinds go in - a native Figma binary, a Penpot export, an Illustrator or PDF file, an InDesign markup file or any SVG. That last one is the wide door: SVG is a universal export (or native save) format, so almost any design app can reach Lolly through it.

Bringing a PowerPoint deck instead? Decks have their own doors - file slides as assets, rebrand in place, or write a new deck in Markdown Slides. See Decks and documents below.

What each app is for

• Figma - File → Save local copy for a native .fig, or export a frame as SVG. (Untick Outline text on the SVG export to keep headlines retypable.)
• Penpot - its standard .penpot export, or any SVG export. Penpot is also where the brand tokens round-trip both ways - see below.
• Illustrator - a native .ai (kept PDF-compatible, the default) or a .pdf opens directly; no SVG step needed.
• InDesign - File → Export → InDesign Markup for an .idml. A print layout becomes an editable, brand-conformed Lolly session. (A raw .indd isn't readable - export IDML.)

What happens to the layers

The importer maps design layers onto the free canvas's box model, keeping as much editable as it can:

• Text stays text. Frames of type become real text boxes - content, size, alignment, weight, line-height and per-run colours carry over - so you can retype a headline, not repaint it.
• Shapes stay shapes. Rectangles, rounded rects, ellipses and pills become native shape boxes with their fills, opacity, rotation and corner radii.
• Images are extracted. Bitmaps land in My images (your on-device library) and are placed as image boxes.
• Complex vector art is flattened faithfully. Paths, gradients and other paint Lolly's box model can't express are baked into crisp standalone SVG image boxes, so the visual result survives even where editability can't.
• Geometry follows the source. SVG positions, sizes and rotations use browser geometry. PDF imports read page coordinates and character advances; source effects and font availability can still change their appearance. Compare the imported artwork with the original before sharing.

PDF imports preserve clipping and supported effects inside transparent SVG artwork. Source text uses character-code advances to join compatible fragments; separate styles and distant columns stay separate. Cropped text, missing full fonts, approximate CMYK colours and unsupported effects need review. The Share with rules route preserves source font names and offers explicit repair; it does not silently substitute brand fonts. See Create a tool for source comparison and font replacement.

It conforms to the brand

This is the point of importing rather than pasting a screenshot: the result is a governed layout, not a foreign artboard.

• Type remaps to the brand faces. Imported fonts that are not already available map to your brand faces (monospace families map to the mono face, weights clamp to the cuts that exist). That's intended behaviour - the design arrives already on-brand. Add your company's typeface in Make it yours → Type before importing. When an SVG import substitutes fonts, its notice also offers Add brand fonts; use Back to return to the imported design.
• Colours are guarded. Every imported fill passes the same colour sanitiser native boxes use; from there you can snap them to brand swatches with the normal pickers.
• Everything else is a normal session. Drag, rotate, snap, group, clip; place themable icons and library assets; save it, share it as a URL, run it through Batch.

Rendering

An imported design exports exactly like a native one: SVG, PDF, print CMYK PDF, CMYK TIFF, PNG, JPG, WebP through the same deterministic pipeline - true page sizes and physical units, outlined type in vector output, Content Credentials on every stampable format. The design's new home is its URL, so a once-off Figma file becomes a reproducible, parameter-addressable asset.

InDesign IDML (static subset) exports text, rectangles, ovals and PNG/JPEG images, with one spread per artboard. Supported inline formatting stays editable; images travel in Links. Coordinates become InDesign points. Relinking, font substitution and changed wrapping may need attention. Effects, animation, composed stories and unsupported geometry fail with a named report. Use PDF for finished artwork; IDML interchange does not preserve the original document.

IDML opens every spread and its margins as artboards or scenes; single-board import opens the first spread. Supported named styles and character formatting map into Design text. Bundled images enter the library; external links need supplied bytes. Missing images are reported placeholders.

Photoshop precision and preservation

Photoshop imports admit 8-, 16- and 32-bit RGB, grayscale, CMYK and Lab. Previews use 8-bit pixels: Lab converts to sRGB and HDR clips to the display range. Unsupported text, effects and smart objects need approximation or raster layers.

The CLI preserves unchanged source bytes. All 258 pinned Photoshop samples pass admission and byte-preservation checks; visual parity remains unverified.

lolly adobe psd-inspect original.psd
lolly adobe psd-preserve original.psd --output=preserved.psd

Adobe photo presets

Darkroom's Import Adobe photo preset maps XMP exposure, contrast, highlights, shadows, saturation, vibrance and dehaze into existing controls. Results are approximate; profiles, Kelvin white balance, masks and unmapped settings are reported. Lua .lrtemplate files are refused: export XMP from Adobe.

lolly adobe preset look.xmp

The CLI returns the same controls and a Darkroom URL. Import preserves settings absent from the preset.

Grade a video applies the same colour lattice per frame at the detected 1-60 fps rate; variable-rate input becomes fixed-rate output. Export a .cube LUT to reuse the approximate look elsewhere. Grading preserves a matching loop seam but cannot repair a source cut. Leave moving grain off for exact endpoint matching.

Motion starters

Design's Motion collection includes Editorial loop, Feature cards and Photo title, with 4, 6 and 8 second variants and chooser previews. Replace the photo starter's Darkroom composition with your upload or an edited Darkroom share link.

Darkroom's Motion looks offers Warm editorial, Clean colour and Editorial mono, without moving grain. Export a still or LUT, or grade a finished loop. Save edited sessions as user templates.

Select imported layers, open Choreograph, choose a recipe and length, then preview or scrub. Preview changes no document or history. Apply writes the same result in one undo step and opens the timeline. Selected clip ends fit the length; other tracks retain their timing. Select every loop layer for a complete export.

Premiere XML exchange

Import a design reads one Final Cut Pro 7 XML (xmeml) sequence in board mode. Select media or keep placeholders; clips open in Sequence. Lolly ZIPs include sequence.xml and Media. The reader retains rational rates, source references, tracks and frame counts. Design reports clock conversions, missing media and unsupported effects or transitions.

Premiere XML + media packages timed, unprocessed clips, original media and a report. Unzip, import sequence.xml and relink media in Premiere. Placement, fitting and effects do not transfer. Check timing for media whose rate differs from Lolly's project rate. Render generated layers first, or export finished video. Native .prproj files are unsupported.

lolly adobe timeline sequence.xml
lolly adobe idml layout.idml

Reports list timeline frame counts or every IDML spread, with mapped Design inputs. Parsing needs no profile or implicit download.

Frames become a video

The same files open on Design's timeline - and there the import means something different: every frame becomes a scene on the timeline. A Figma file's top-level frames, a Penpot file's boards, a PDF's pages - each arrives as its own timed clip, already playing through in order. From that first play-through you're in an ordinary sequence session: drag clips to reorder, trim and retime them, add a music bed, record a voiceover, drop text overlays on top and export MP4, WebM, GIF or APNG through the same deterministic pipeline.

Two ways in:

• In Design, open Import a design from the canvas menu and choose the file.
• Drop the file anywhere on the gallery or dashboard and pick Make a video from its frames.

A deck that stays a click deck can still leave as a video. Export slides as video in the Present menu opens the export sheet on MP4, and the render places the slides on a timeline in order for that export only: each slide plays for its own dwell, or for the Duration in the export sheet when it has none, and the deck's slide transition plays between them as a dissolve. The document itself is not changed.

Each frame is baked through the Design tool's own renderer into a crisp vector still (text as outlines, images embedded), so scenes stay sharp at any export size and need no fonts at playback. A storyboard drawn in Penpot or Figma becomes a finished cut - titles, soundtrack, provenance and all - without a video editor in sight.

Animate the editable layout

For motion within the artwork, import onto Replace the board, select the layers, and choose Choreograph from the selection's More menu or the context menu. The Launch recipes work with imported layers as well as native ones: Editorial reveal, Type snap, Feature cascade, Assemble loop and Soft drift loop. Quick Apply writes ordinary keyframes in one undo step and opens Sequence. Adjust length, stagger and order in the picker, then edit individual keys on the timeline.

Selected members of a group share their movement and timing, keeping a card's lettering with its surface. Select the whole group when every member should move. Base text, colours, typography, positions and opacity remain unchanged. Assemble loop arrives, holds the readable layout and unwinds. Soft drift loop keeps every selected layer visible while gently moving; the motion returns to its starting pose and velocity. Save the session as a template or share its URL to reuse the timing with new content.

Choreograph currently works on one editable board. A document imported as multiple artboards cannot use these recipes directly; import the page you want onto the board, or use timed scenes to play complete pages in sequence. Imported effects and unavailable fonts still need source comparison. Export finished motion as MP4, WebM, GIF or APNG. IDML and Premiere XML export do not carry these generated layer animations.

From a one-off design to a reusable template

This is where import stops being a conversion and starts being authoring. An imported layout is an ordinary Design session, so it inherits everything a native session can do:

• Make a reusable tool with explicit rules. An imported Design document remains editable. Layer locks help the designer while editing; they do not establish recipient permissions. Use Share with rules to choose the text, images and approved choices recipients may change, then share one portable .lolly tool.
• It mixes with tools. Any box can hold another Lolly tool as a live asset - a badge that renders its own QR code, a card with a live chart, another render dropped in through the asset picker. Those stay live and re-render on load; they're never flattened pictures. So an imported poster can carry generated, always-current content the original file never could.
• It scales like any session. Drive it from the batch grid (one finished asset per spreadsheet row), keep it in a Projects folder or render a whole folder as one zip. A single imported design turns into a whole run of consistent variants.

For a portable tool with declared inputs and fixed artwork, continue with Share with rules. For custom input models and behavior, see Authoring Tools.

Round-tripping the brand itself

Import travels one direction; the brand primitives travel both ways. Lolly's colours are DTCG design tokens - the same format Penpot imports/exports natively and Tokens Studio brings to Figma - so the palette you design with in Figma/Penpot and the palette Lolly enforces are one document, not two hand-synced lists.

signed by Lollyvector SVG2026-09-30Check it yourselfGet the signed file20 paths~3.1k nodes35 groups2 images173 KBsigned by Lollyvector SVG2026-09-30Check it yourselfGet the signed file20 paths~3.1k nodes35 groups2 images173 KB

Limits & safety

• Imported SVG is treated as untrusted: scripts, event handlers and foreign objects are stripped before parsing, and anything flattened to disk is sanitised a second time on ingest. Nothing executes, nothing leaves the device.
• Very large files are capped at 2,000 elements - anything past that is dropped with a warning rather than locking the tab.
• Effects outside the box model (complex blend stacks, exotic strokes) flatten into the image fallback rather than round-tripping as editable properties.

Every format Lolly can read

Design files are one way in - the table above covers them. For the complete picture, here is everything Lolly ingests. As with a design import, every file is parsed on your device and nothing is uploaded.

Images

Drop a photo or graphic into any image picker or your My images library.

Decks and documents

Data

Paste or drop a table and a tool's repeating blocks fill from it (up to 1,000 rows).

Video

Audio

Audio arrives in the asset picker - ready as a music bed under a video export, or in Neurospicy Mode's ambient player.

Content Credentials (verify)

Lolly reads and cryptographically verifies a signed C2PA manifest embedded in PDF, PNG/APNG, JPG, GIF, SVG, TIFF, WebP, AVIF, MP4, WebM/MKV and the audio containers MP3, WAV, M4A and OGG/Opus - entirely on-device, against the signing certificate. The /verify view goes further: it flags AI-generated content, detects Lolly's own pixel Imprint, verifies SEAL signatures, optionally deep-scans for third-party pixel watermarks and surfaces hidden data - none of it uploaded. See Content Credentials and Content Credentials Identity. (HEIC/HEIF is read as an image but carries no credential.)

Metadata, read so it can be removed

The Strip Hidden Data utility reads embedded metadata so it can remove it - EXIF/GPS/IPTC/XMP from JPEG, text and time chunks from PNG, comments and editor namespaces from SVG and document info from PDF. The cleaned file never leaves your device.

For newly composed text, see Text in Design: edit source on canvas, flow it through frames and retain the same glyph geometry in exports.