Lolly
Buksan ang App

Import a design

signed by Lollykookaburra.webpWEBPpixels, not shapes193 KBAI generatedI-check mo mismoKunin ang signed na file
Dalhin ang ginawa mo na

Hindi nakakulong ang mga design file mo

Ang tapos mong ginawa sa Figma, Penpot, Illustrator, InDesign o kahit anong SVG app ay hindi na kailangang manatiling naka-lock sa iisang app. Buksan ang Design, i-click ang Mag-import ng disenyo, at magbubukas ang file bilang buhay na layout - hindi flattened na larawan. Bawat layer ay nagiging editable box na handa mong patuloy na gawan, i-mix sa mga tool at i-render gamit ang parehong mga panuntunan.

Fig Figma .fig · SVG
Pen Penpot .penpot
Ai Illustrator .ai · PDF
Id InDesign .idml
SVG Anumang SVG unibersal
Ang design file mo

Figma, Penpot, Illustrator, InDesign o anumang SVG

Ma-e-edit na canvas

Bawat layer ay isang box na puwede mong i-retype, i-restyle at ilipat

I-mix ang mga tool

Maglagay ng QR code, live chart o isa pang render

I-render kahit saan

SVG, PDF, PNG, video - magagawa ulit mula sa isang URL

Nananatili itong ma-e-edit

Nananatiling text ang text, hugis ang mga hugis, at sumasali sa library mo ang mga imahe. Patuloy mong gagawan ang disenyo - hindi ka na kailangang mag-repaint ng screenshot.

Dumarating na itong naaayon

Ang mga font ay nagre-remap papunta sa mga typeface mo, at bawat fill ay dumadaan sa parehong colour guard tulad ng isang native box. Ang isang banyagang artboard ay dumarating na sakop na ng patakaran.

Nagiging template ito

I-save ito at magiging reusable, URL-addressable na tool ang layout - isang tool na puwedeng buksan, punan ulit at i-render ng kahit sino na may Lolly. Hindi na kailangan ng design app.

Last year's poster is in Figma and this year's dates are in your inbox. Import a design opens that file in Design as layers you can edit: text stays text, shapes stay shapes and pictures go into My images. The file is read on your device and nothing is uploaded.

In Design, open the Lolly menu (the Lolly mark), choose Import a design, pick how the file arrives under Import as, then choose the file.

Replace the board

The default. One page replaces the board and the artboard takes the file's frame size. A multi-page PDF or deck asks which page; an InDesign file opens its first spread.

As artboards

Every page or slide becomes its own artboard, each one editable.

As timed scenes

Every frame becomes a scene on the timeline, ready for timing, music and a voiceover (see Make it a video).

Design's free canvas, with Import a design in the Lolly menu signed by Lollyvector SVG288 paths~14k nodes329 groups3 images282 KBI-check mo mismoKunin ang signed na fileDesign's free canvas, with Import a design in the Lolly menu signed by Lollyvector SVG281 paths~14k nodes329 groups3 images281 KBI-check mo mismoKunin ang signed na file

What comes in from each app

FileFromWhat comes in
.figFigma: File → Save local copyDecoded in the browser, with no Figma account, plugin or API key.
.penpot or .zipPenpot's exportBoards, layers, pages and groups; a native .penpot file also keeps its layouts (see Penpot layouts).
.ai or .pdfIllustrator, saved with the default PDF-compatible option, or any PDFVector paint, text and images read straight from the page.
.idmlInDesign: File → Export → InDesign MarkupEvery spread and its margins, as artboards or scenes; Replace the board opens the first spread. A raw .indd cannot be read, so export IDML first.
.psd or .psbPhotoshopText, shapes and paths stay editable; other layers come in as pictures in place (see Photoshop files).
.pptxPowerPointOne slide on the board (a longer deck asks which), or every slide as an artboard or a timed scene.
.xmlPremiere (Final Cut Pro 7 XML), or a Lolly XML + media ZIPChoose Replace the board; the clips open in Sequence (see Premiere XML exchange).
.svgAny app, including Figma and Penpot SVG exportsFor editable text from a Figma SVG, untick Outline text in Figma's export dialog.

SVG is the widest door: almost any design app can export SVG, so almost any design can reach Lolly that way. A PowerPoint deck has other doors too: Rebrand a deck moves one onto your design system, and Formats lists the rest.

What happens to the layers

The importer maps layers onto Design's boxes and keeps as much editable as it can:

A PDF import keeps clipping and supported effects inside transparent SVG artwork. Text fragments that belong together are joined; separate styles and distant columns stay apart. Cropped text, missing fonts, approximate CMYK colours and unsupported effects need review, so compare the import with the original before you share the result. IDML brings supported named styles and character formatting into Design text; bundled images enter the library, and an external link needs its image supplied or it stays a labelled placeholder. From the terminal, lolly adobe idml layout.idml lists every spread with the Design inputs it maps to, with no profile or download needed.

Fonts and colours on your design system

The Share with rules route works differently: it keeps source font names and offers an explicit repair rather than substituting faces. See Share a design with rules.

Penpot layouts: kept or fixed

A native .penpot file keeps its supported flex and grid layouts, nested groups, named pages, group opacity and blend modes, so the design stays responsive in Design (Layout in Design explains the controls). Groups with masks, shadows or blur become an SVG asset when their look can be preserved; an unsupported combination reports an error.

Penpot's legacy ZIP export stores each page as SVG. Those pages import with every layer where Penpot placed it, without the layout rules, and the message after the import says how many layouts came in as fixed positions. A board exported from Penpot as SVG does not list its layouts at all, so it imports the same way with no message. Use the native .penpot export to keep layouts editable.

Photoshop files

Photoshop imports accept 8-, 16- and 32-bit RGB, grayscale, CMYK and Lab documents. Previews use 8-bit pixels: Lab converts to sRGB and HDR clips to the display range. Unsupported text, effects and smart objects become approximations or picture layers.

To inspect a document, or to keep an untouched copy of its source bytes, use the CLI. Visual parity with Photoshop is not verified.

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

Darkroom also opens Photoshop and GIMP layers for grading; see Darkroom.

Make it a video

Choose As timed scenes, or drop the file anywhere on the gallery and pick Make a video from its frames. A Figma file's top-level frames, a Penpot file's boards or a PDF's pages each arrive as a timed clip, already playing in order.

Each frame is drawn by Design's own renderer into a vector still, with text as outlines and images embedded, so scenes stay sharp at any export size and need no fonts at playback. From there it is an ordinary Sequence session: reorder and trim clips, add a music bed, record a voiceover, put text on top and export MP4, WebM, GIF or APNG.

Keep going

An imported layout is an ordinary Design session, so it can do everything a native one can:

Limits and safety

Every other file Lolly opens, from photos to audio, is listed in Formats. For newly written text, see Text in Design.

Section links from the earlier guide