Lolly
Abrir la app

Import a design

signed by Lollykookaburra.webpWEBPpixels, not shapes193 KBAI generatedCompruébalo tú mismoDescarga el archivo firmado
Trae lo que ya has creado

Tus archivos de diseño no se quedan atrapados

El trabajo terminado en Figma, Penpot, Illustrator, InDesign o cualquier app de SVG no tiene por qué quedarse encerrado en una sola app. Abre Design, haz clic en Importar un diseño, y el archivo se abre como un layout vivo - no como una imagen aplanada. Cada capa se convierte en una caja editable, lista para seguir trabajando en ella, combinar con herramientas y renderizar bajo las mismas reglas.

Fig Figma .fig · SVG
Pen Penpot .penpot
Ai Illustrator .ai · PDF
Id InDesign .idml
SVG Cualquier SVG universal
Tu archivo de diseño

Figma, Penpot, Illustrator, InDesign o cualquier SVG

Lienzo editable

Cada capa es una caja en la que puedes cambiar el texto, el estilo y la posición

Combina herramientas

Añade un código QR, un gráfico en vivo u otro render

Renderiza donde quieras

SVG, PDF, PNG, vídeo - reproducible desde una URL

Se mantiene editable

El texto sigue siendo texto, las formas siguen siendo formas, y las imágenes se suman a tu biblioteca. Sigues trabajando sobre el diseño - nunca repintas una captura de pantalla.

Llega ya conforme a las reglas

Las fuentes se remapean a tus tipografías y cada relleno pasa por el mismo control de color que una caja nativa. Una mesa de trabajo externa llega ya gobernada.

Se convierte en una plantilla

Guárdalo y el layout se convierte en una herramienta reutilizable y direccionable por URL - una que cualquiera con Lolly puede abrir, rellenar y renderizar. No hace falta ninguna app de diseño.

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 KBCompruébalo tú mismoDescarga el archivo firmadoDesign's free canvas, with Import a design in the Lolly menu signed by Lollyvector SVG281 paths~14k nodes329 groups3 images281 KBCompruébalo tú mismoDescarga el archivo firmado

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