Usando o Lolly

Um guia prático para realmente usar o app - abrir uma ferramenta, trabalhar na prancheta, exportar, salvar e compartilhar. Tudo aqui roda no seu dispositivo: sem conta, sem upload, e sem precisar de internet para as telas que você já abriu.

Novo por aqui? O Guia rápido coloca você para criar em minutos, e Lolly para Operadores explica como instalar/implantar o app; esta página é sobre como usá-lo depois que já está aberto.

Abrindo uma ferramenta

A tela inicial é a galeria - todas as ferramentas, agrupadas por categoria. Clique em um cartão para começar algo novo nessa ferramenta; o trabalho salvo reabre a partir de Projetos. Use a caixa de busca para filtrar por nome - ou a Busca na barra ao pé das seis telas de listagem (a galeria, Utilitários, Projetos, Ativos, o Painel e Configurações), que alcança seu trabalho salvo, seus ativos e suas configurações além das ferramentas. Dentro de uma ferramenta, a barra dá lugar aos controles da própria ferramenta.

signed by Lolly2026-10-21vector SVG20 paths~4.5k nodes31 groups59 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG20 paths~4.5k nodes31 groups59 KBVerifique você mesmoBaixar o arquivo assinadoTry it in the app

Cada ferramenta é uma visualização dividida: controles de um lado, uma pré-visualização ao vivo (a tela) do outro. Altere qualquer controle e a pré-visualização é atualizada instantaneamente.

signed by Lolly2026-10-21vector SVG129 paths~6.3k nodes157 groups1 image142 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG129 paths~6.3k nodes157 groups1 image142 KBVerifique você mesmoBaixar o arquivo assinado

Algumas ferramentas (como o Design) abrem, em vez disso, como uma tela livre - uma superfície sem interface, de manipulação direta, onde você arrasta, redimensiona, gira e encaixa caixas de texto, formas e imagens, e clica duas vezes para editar o texto no local. Ela exporta pelo mesmo caminho de renderização de qualquer outra ferramenta, então a tela é o arquivo. Veja A tela livre abaixo.

Duas maneiras de moldar a própria grade e deixá-la do jeito que você quer:

• Marque com estrela o que você usa. Marque um cartão com ★ e ele ganha um bloco grande só dele em uma faixa acima da grade - veja Seus favoritos.
• Oculte uma ferramenta que você nunca usa. Clique com o botão direito em um cartão (ou selecione vários e use a barra de seleção) → Ocultar ferramenta. Ela sai da grade, e sai também do que a digitação na grade encontra; um bloco cinza Mostrar ferramentas ocultas (N) bem no fim revela todas de novo, esmaecidas, cada uma com Reexibir ferramenta no seu próprio menu. Ocultar diz respeito só à sua grade - a ferramenta continua abrindo por um link salvo ou um favorito, e permanece exatamente onde estava para todo mundo.

signed by Lolly2026-10-21vector SVG348 paths~31k nodes790 groups6 images2.083 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG348 paths~31k nodes790 groups6 images2.084 KBVerifique você mesmoBaixar o arquivo assinado

Para agir em vários cartões de uma vez, marque a caixa de cada cartão, arraste uma caixa de seleção pelo espaço vazio ou use Shift/Cmd-click, e uma barra de ações flutuante aparece. O que a barra de seleção oferece muda um pouco por visão, já que nem toda ação faz sentido em todo lugar:

• Ferramentas / Utilitários: Favoritar (ou Desfavoritar), Ocultar (ou Reexibir), Disponível offline (ou Remover do offline), Ver sessões (abre Projetos mostrando só as sessões feitas com aquelas ferramentas) e Copiar link quando exatamente um cartão está selecionado.
• Ativos: Favoritar e Ocultar valem para qualquer seleção; Duplicar, Baixar e Excluir só aparecem quando todos os itens selecionados são uploads seus - um ativo compartilhado do design system é um contrato permanente, então esses três continuam fora dele mesmo em lote.
• Projetos: veja Encontre e recupere seu trabalho.

Uma armadilha de rótulo: Ver sessões só existe quando algo está selecionado. Clicar com o botão direito em um único cartão não selecionado oferece, em vez disso, N sessões salvas, que abre uma lista das sessões salvas daquela ferramenta, onde uma exclusão move a sessão para a Lixeira, em vez de navegar até Projetos.

signed by Lolly2026-10-21vector SVG22 paths~1.5k nodes22 groups26 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG22 paths~1.5k nodes22 groups26 KBVerifique você mesmoBaixar o arquivo assinado

Ask Lolly

Quando você prefere perguntar em vez de procurar, o Ask Lolly (#/ask) recebe uma pergunta digitada e devolve a seção correspondente desta documentação na íntegra - as palavras dos próprios guias, não um resumo nem uma geração - com a página de origem citada e um link Abrir na documentação ao lado. Abaixo da resposta ficam os lugares do app que a mesma pergunta encontra: uma ferramenta, uma configuração, um projeto salvo, cada um como um botão que simplesmente leva até lá.

A transcrição é memória de sessão: faça uma pergunta de acompanhamento e a conversa vai se acumulando conforme você avança; recarregue a página e ela começa do zero. Os resultados de busca trazem uma linha *Ask Lolly: sua consulta*** no fim - abaixo dos resultados concretos que os outros grupos encontraram - que passa a pergunta adiante, então você pode começar na barra e terminar aqui.

A tela (pré-visualização)

A pré-visualização sempre mostra exatamente o que será exportado.

Desktop

• Zoom: Cmd/Ctrl + rolagem, ou pinça no trackpad - o zoom é centralizado no seu ponteiro.
• Deslocar (pan): segure Espaço e arraste, ou arraste com o botão do meio do mouse. (Cliques simples continuam livres para clicar em partes do design.)
• Teclado: 0 = ajustar à janela · 1 = 100% · + / − = zoom.
• HUD de zoom: o pequeno controle − NN% + Fit no canto. Clique na porcentagem para alternar entre Fit ↔ 100%.

signed by Lolly2026-10-21vector SVG62 paths420 nodes36 groups42 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG55 paths407 nodes36 groups41 KBVerifique você mesmoBaixar o arquivo assinado

Toque

• Pinça para dar zoom, arraste para deslocar, toque duplo para voltar ao ajuste. Na tela livre, dois dedos sobre um objeto selecionado escalam, giram e movem a seleção (veja Redimensionar, dimensionar e girar).

Clique para ir direto a um controle: clique em qualquer elemento do design e o campo correspondente na barra lateral recebe foco e é rolado até ficar visível - no caso de um grupo de linhas repetidas, ele abre exatamente a linha que você clicou, então editar o que você vê está a um toque de distância.

Uma mudança de dimensão sempre encaixa a visualização de volta a um ajuste limpo.

A tela livre (Design)

Ferramentas de tela livre adicionam uma superfície de trabalho ao redor da prancheta, como a mesa de composição de um designer:

• Preparação fora da tela. Arraste uma caixa para além da borda do quadro e ela permanece totalmente visível e selecionável - estacione elementos de lado enquanto organiza a composição, depois arraste-os de volta para dentro. Tudo fora do quadro fica suavemente esmaecido para que a área de exportação sempre seja identificada rapidamente, e o quadro mantém sua sombra para marcar exatamente onde o arquivo começa.
• Só o quadro é exportado. O arquivo exportado é limitado pela prancheta - tudo o que fica fora (ou a parte de uma caixa que ultrapassa a borda) é simplesmente cortado do resultado, tanto em formatos raster quanto vetoriais.
• Afaste o zoom além do Fit (até 20%) para ver toda a mesa de composição quando você tiver posicionado elementos bem longe do quadro.
• Prancheta redimensionável. Alterar as dimensões de exportação redimensiona o quadro no lugar; as caixas mantêm suas posições, então você pode reenquadrar um layout ao redor do conteúdo existente.
• Antes de exportar. A seção Documento do inspetor verifica a estrutura de camadas salva, depois lê a tela estabilizada em busca de texto cortado e contraste de cor lisa. Ela também pergunta ao mesmo registro de fontes usado no contorno de SVG/PDF se cada trecho de texto tem bytes de fonte incorporáveis; fundos de imagem e gradiente são citados como verificações visuais em vez de receberem uma pontuação de contraste inventada.

signed by Lolly2026-10-21vector SVG288 paths~14k nodes329 groups3 images282 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG281 paths~14k nodes329 groups3 images281 KBVerifique você mesmoBaixar o arquivo assinado

Espelhe uma seleção. Clique com o botão direito em qualquer caixa e escolha Espelhar horizontalmente ou Espelhar verticalmente para espelhá-la no lugar, ou pressione Shift+H / Shift+V no teclado - Shift, porque um V isolado é a ferramenta Ponteiro. Cada caixa selecionada se espelha em seu próprio eixo em um único passo de desfazer, e o espelhamento é uma transformação real, então ele permanece no SVG, PDF e PNG exportados, não só no canvas.

Redimensionar, dimensionar e girar

Selecione um objeto e arraste uma alça para mudar seu tamanho, ou a alça redonda abaixo da seleção para girar o objeto. Um arraste de tamanho funciona em um de dois modos:

• Redimensionar, o padrão, muda só a caixa. O texto reflui para o novo tamanho, e o tamanho da fonte, a espessura do traço, o raio dos cantos e os efeitos continuam como estavam.
• Escala aumenta ou diminui o objeto inteiro com seu conteúdo: tamanho da fonte, traço, raio dos cantos, sombra, desfoque, preenchimento e espaçamento mudam todos na mesma proporção.

Pressione K para ativar ou desativar Escala. Sem teclado, escolha Modo Escala no menu do Lolly, ou mantenha pressionado o botão Ponteiro na barra de ferramentas (ou clique nele com o botão direito) e escolha Escala; em uma tela de toque, a barra do objeto também tem um interruptor de Escala. Enquanto Escala está ativa, o botão Ponteiro mostra o ícone de Escala e cada alça tem um ponto no meio. V ou Escape volta para Redimensionar e mantém a seleção. Escala fica desativada sempre que um documento abre, para que ninguém escale traços por acidente. Cada escala é um passo de desfazer, com o rótulo Escala.

Escalar por um número. Com Escala ativa, ou com vários objetos selecionados, clique no indicador da barra do objeto para abrir o popover Escala. Digite uma porcentagem, ou uma largura ou altura para que os outros dois valores acompanhem, escolha na grade 3 x 3 o ponto que fica parado e escolha Aplicar. O resultado é um único passo de desfazer, sem precisar arrastar. Com Escala desativada, vários objetos mudam só de tamanho e posição.

Vários objetos. Uma seleção de vários objetos tem alças nas bordas além dos cantos. Um arraste de canto muda largura e altura livremente enquanto todo objeto da seleção estiver na vertical ou girado em quartos de volta inteiros, e a seleção não contiver grupo nem círculo. Caso contrário, a seleção mantém suas proporções: suas alças mostram o cursor de escala e, enquanto você arrasta, o indicador acrescenta Proporcional. Enquanto você redimensiona ou escala, um pequeno rótulo ao lado da seleção mostra o tamanho, ou a porcentagem no modo Escala.

As teclas que você segura durante um arraste têm efeito assim que você as pressiona ou solta (a folha de atalhos, ?, também as lista):

Sem nenhuma tecla, um giro é puxado para os 15 graus mais próximos quando chega a 4 graus deles. Pranchetas não giram, então não têm alça de rotação.

Segure em qualquer ponto da borda. Não é preciso acertar uma alça com exatidão. Cada lado de uma seleção é uma faixa de redimensionamento em todo o seu comprimento, e com mouse ou caneta há uma zona de rotação logo fora de cada canto. O ponteiro mostra o que um arraste fará, girado para combinar com a seleção. Um toque numa faixa ou zona só vira redimensionamento ou giro quando você começa a arrastar, então um simples clique continua selecionando, adicionando à seleção ou desmarcando como antes. Um objeto bloqueado não tem alças, faixas nem zonas.

Objetos pequenos continuam móveis. Em um objeto de 25 pixels de tela ou menos, as alças do meio, que apertariam os cantos, se escondem e as outras alças se afastam um pouco do contorno, de modo que um toque no objeto o move. Com 10 pixels ou menos, as alças de canto também somem, e uma linha fina mantém uma alça em cada ponta. Um toque logo ao lado de uma linha fina ou de um objeto minúsculo, longe das alças, também move o objeto.

Áreas de pega grandes. Em uma tela de toque as zonas de pega são grandes: cada zona de canto tem um quarto da largura e da altura da seleção na tela, entre 24 e 44 pixels, e cada zona lateral cobre o trecho entre dois cantos. Quando a seleção é pequena demais para isso, as zonas vão para fora do contorno, então um toque no meio ainda move a seleção. A zona sob o ponteiro, ou sob um dedo apoiado, fica sombreada. Para ter as mesmas zonas com mouse ou caneta, ative Áreas de pega grandes no menu do Lolly. A configuração fica apenas neste dispositivo.

Dois dedos sobre uma seleção. Em uma tela de toque, ponha dois dedos sobre um objeto selecionado: faça pinça para escalar a seleção, gire para girá-la ou mova os dois dedos para carregá-la. Tudo o que os dois dedos fazem conta como um único passo de desfazer. Com Escala ativa, a pinça escala também o conteúdo; com Escala desativada, a pinça redimensiona a seleção em proporção. Um giro é puxado para os 15 graus mais próximos quando está perto, e um movimento com dois dedos nunca encaixa. Dois dedos em qualquer outro lugar continuam dando zoom e deslocando a vista, e um toque com dois dedos continua abrindo o menu. O primeiro dedo precisa cair sobre a seleção e o segundo precisa vir logo em seguida, sobre a seleção ou logo fora da borda dela. Se a seleção contém uma prancheta ou um objeto bloqueado, cobre a maior parte da vista ou passa da borda da vista, dois dedos dão zoom e deslocam a vista.

Camadas e Inspetor

Em Camadas, cada prancheta é um grupo pai recolhível. Selecione o nome dela para saltar até lá, expanda suas camadas e selecione ou reordene objetos dentro dessa prancheta. Mude para Páginas para ver miniaturas e a ordem das páginas. As setas do teclado percorrem a lista de camadas; a seta para a esquerda volta ao cabeçalho da prancheta.

O Inspetor coloca primeiro os controles de texto ou imagem do objeto selecionado. Use os chips de opção para escolhas rápidas e expanda Advanced para detalhes de estilo. Em celulares, abra o Inspetor em Mais ações. Os controles abrem em uma folha; Escape ou Voltar a fecha mantendo sua seleção.

Desenhando suas próprias formas (a caneta)

Caixas, círculos e molduras arredondadas cobrem a maioria dos layouts. Quando você precisa de uma forma que não está nessa lista, desenhe-a: o botão Caneta da barra (ou a tecla P) coloca você no modo de desenho. Três teclas únicas alternam entre os modos - V de volta ao Ponteiro, P para a Caneta, N para a ferramenta de nós (Editar pontos) - e o Ponteiro é sempre a saída de onde quer que você esteja.

signed by Lolly2026-10-21vector SVG60 paths413 nodes40 groups42 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG60 paths413 nodes40 groups42 KBVerifique você mesmoBaixar o arquivo assinado

• Clique para posicionar um ponto. No tipo de curva padrão, clicar e arrastar puxa as alças desse ponto para fora, que é como se desenha uma curva em vez de um canto - segure Alt ao clicar para obter um canto duro. (Nos outros tipos de curva, todo ponto posicionado é um canto e o arraste não faz nada; veja Tipo de spline abaixo.)
• Os pontos se encaixam na prancheta e nas suas outras caixas conforme você os posiciona, desenhando as mesmas guias que um arraste normal desenha. Alt suprime a grade enquanto você desenha, e tanto a grade quanto as bordas enquanto você arrasta um ponto depois.
• Clique no seu primeiro ponto para fechar o traçado e concluir em um só movimento. Caso contrário, pressione Enter, clique duas vezes ou simplesmente troque de ferramenta - o desenho é mantido, não descartado.
• Escape age um degrau por vez: o primeiro toque abandona o desenho e não grava nada, e o segundo sai da caneta.
• Delete durante o desenho remove o último ponto que você posicionou.

O resultado é uma caixa comum na tela. Mova, redimensione, gire, agrupe, alinhe, reordene a pilha, dê a ela um preenchimento, um gradiente, uma sombra ou uma opacidade - um caminho se comporta como qualquer outra caixa, e nenhum desses controles o trata de forma diferente.

Ele já chega pintado, também. O primeiro caminho que você desenha assume o preenchimento e o traço que sua marca dá a um caminho, e depois disso cada novo caminho assume o que você usou por último - defina um preenchimento uma vez e siga desenhando, em vez de recolorir cada forma. (Em uma ferramenta cuja marca não diz nada sobre caminhos, um caminho desenhado recebe o traço na cor em que você o viu sendo desenhado, então ele nunca fica invisível.)

Editando os pontos de novo. Clique duas vezes na forma (ou use Editar pontos na barra do objeto) e os pontos voltam. Arraste um ponto para movê-lo, arraste uma alça para mudar a direção dela, clique em qualquer lugar da curva para inserir um ponto, faça uma seleção elástica em um grupo de pontos e pressione Delete para remover os selecionados. Um caminho sempre mantém pelo menos dois pontos, então você não consegue apagá-lo por acidente.

Tipo de spline decide que tipo de curva passa pelos seus pontos, e é a escolha que vale a pena entender:

Trocar um caminho existente para um tipo que calcula as próprias alças pede confirmação antes, porque os comprimentos de alça que você definiu não podem ser recuperados - trocar para Alças Bézier é sempre sem perdas. Durante o desenho não há aviso: a troca vale direto no rascunho, e as alças que você já tivesse puxado vão junto. Nos tipos que são donos das próprias alças, inserir um ponto remodela a curva levemente; em Alças Bézier, não.

Cada ponto também carrega uma regra de continuidade, indicada pelo seu formato na tela - quadrado para Canto (as alças se movem independentemente), redondo para Suave (as alças ficam alinhadas), redondo com um anel para Simétrico (alinhadas e do mesmo comprimento). Defina-a para quaisquer pontos selecionados e a curva se reajusta na hora.

signed by Lolly2026-10-21vector SVG5 paths38 nodes7 groups5 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG5 paths38 nodes7 groups5 KBVerifique você mesmoBaixar o arquivo assinado

Um caminho desenhado viaja no link como tudo o mais, então uma forma que você desenha reabre a partir de um link compartilhado e renderiza de forma idêntica pela CLI. Nada nele depende do editor.

Combinando formas (operações de caminho)

Selecione duas ou mais formas, clique com o botão direito na tela (toque com dois dedos no touch) e o menu oferece as operações que você espera de um app de desenho:

• União mescla as formas em uma só, mantendo a pintura da que está mais acima.
• Subtrair recorta tudo o que está acima da forma de baixo.
• Interseção mantém apenas a sobreposição.
• Excluir mantém tudo, menos a sobreposição.

Mais três funcionam em uma única forma: Contornar traço… transforma um traço em uma forma preenchida com o mesmo contorno (útil quando você quer preservar uma espessura exatamente como foi desenhada), Deslocar caminho… faz a silhueta crescer para fora ou, com um número negativo, encolher para dentro, e Simplificar reconstrói um caminho com menos segmentos mantendo a mesma forma.

signed by Lolly2026-10-21vector SVG5 paths47 nodes7 groups5 KBVerifique você mesmoBaixar o arquivo assinado

O resultado é um novo caminho que você pode continuar editando com a caneta. Furos são furos de verdade - um controle Regra de preenchimento no painel de traço decide se contornos sobrepostos preenchem (não zero) ou perfuram (par-ímpar).

Duas coisas que essas operações deliberadamente não fazem. Elas recusam em vez de destruir: peça a interseção de duas formas que não se sobrepõem e você é avisado de que não há nada a manter, e nada muda. E caixas de texto e de imagem não têm contorno com que trabalhar, então são deixadas de lado em vez de aproximadas pelo seu quadro. Um resultado combinado é armazenado como curvas Bézier simples, que é o que um app de desenho também faz - o tipo de spline original não sobrevive à operação.

Cenas 3D

Escolha Cena 3D no menu de adicionar na barra da ferramenta e arraste para criar um quadro: o 3D Studio abre imediatamente na nova caixa, e o que você define lá volta para a tela. Em todos os outros aspectos, uma caixa de cena é uma caixa comum. Mova-a, redimensione-a, gire-a, dê a ela uma sombra, coloque-a em um slide ou na linha do tempo, e ela se comporta como as demais.

Uma caixa de cena guarda a receita, não uma imagem. Uma caixa de imagem contém um arquivo renderizado; uma caixa de cena contém uma única configuração, a cena em si, escrita como a própria consulta de link do 3D Studio, com todo valor ainda no padrão do estúdio deixado de fora. É por isso que uma cena tem cerca de cem bytes, em vez dos poucos quilobytes que uma receita inteira custa, por isso a mesma string funciona em um link de compartilhamento e na porta do editor, e por isso um novo controle do estúdio não exige nenhuma mudança no Design. É também por isso que a caixa é renderizada de novo no tamanho e no momento que o documento pedir, em vez de ser ampliada a partir de uma imagem tirada antes. As imagens que uma cena usa continuam sendo ativos e viajam por id, então um upload dentro de uma cena entra em um arquivo .lolly junto com o resto do documento.

Edite-a no estúdio. Selecione a caixa e o inspetor mostra uma seção Cena 3D: uma linha que nomeia do que a cena é feita, uma segunda que nomeia seu estúdio de iluminação depois que você escolher um, e um botão, Editar no 3D Studio. O botão abre o estúdio na cena dessa caixa com todos os controles que a ferramenta tem. Aplique, e a cena editada é gravada de volta como um único passo, então um desfazer devolve a caixa à cena de onde você partiu; feche o estúdio sem aplicar e nada muda. Tudo o mais sobre a caixa - seu lugar na prancheta, seu tamanho, sua sombra, quando ela chega em um slide - permanece nas seções que sempre usou. Uma caixa de cena não tem imagem própria nem legenda: sua imagem vem do estúdio, e suas palavras também são definidas lá.

Uma cena ao vivo, um pôster em toda outra caixa. Toda caixa 3D em um documento mostra um pôster: uma imagem estática da cena, desenhada fora da tela através do pool de renderização compartilhado, no tamanho que a caixa ocupa. Um documento com vinte cenas custa um contexto de desenho, não vinte. Selecione uma caixa de cena e ela se torna a única cena ao vivo do documento; deselecione-a e o quadro que estava na tela se torna seu pôster, então nada salta. Apenas uma cena fica ao vivo por vez, e selecionar duas caixas de cena ao mesmo tempo deixa as duas como pôsteres. Nesta versão, a cena ao vivo é para olhar, não para orbitar: mude uma cena por Editar no 3D Studio. Um dispositivo que não consegue abrir um contexto gráfico de ponto flutuante mantém o pôster e diz por quê dentro da caixa, em vez de mostrar um retângulo em branco, e o resto do documento não é afetado. Abrir um documento do Design sem nenhuma caixa 3D não carrega nenhum código 3D.

Na linha do tempo, uma caixa de cena segue o cursor de reprodução como um clipe de vídeo: seu início, o corte de entrada e a velocidade movem a cena através de sua própria animação, e a duração da cena é a que você definiu no 3D Studio, então aparar uma caixa para deixá-la mais curta mostra menos da cena, em vez de acelerá-la. Só a caixa de cena selecionada fica ao vivo; todas as outras são uma imagem estática, e uma imagem estática não pode ser arrastada no tempo.

Em uma exportação, cada cena é desenhada de novo no tamanho que o arquivo precisa, pelo mesmo renderizador que o estúdio usa. Um vídeo renderiza um quadro por cena a cada momento; um PNG, SVG ou PDF incorpora uma imagem por caixa no tamanho de pixel próprio da caixa. Nada é fotografado fora da tela, então uma exportação não depende de qual caixa você tinha selecionado. Uma cena que não pode ser desenhada faz a exportação falhar e diz por quê, nas próprias palavras do estúdio.

Compartilhar uma cena feita a partir do seu próprio upload. Um link de compartilhamento de um documento do Design carrega um id de upload local do dispositivo dentro de uma cena tal como ela está, onde uma caixa de imagem o deixaria em branco. Então uma cena cuja arte ou modelo é um arquivo que você enviou mostra o padrão do estúdio para essa imagem no dispositivo de outra pessoa, a menos que o documento viaje como um arquivo .lolly, que carrega os bytes.

Linha do tempo (Sequência)

Sequência é a linha do tempo do Design: ela acrescenta tempo à tela livre. Cada caixa pode começar em um momento, durar um tempo e animar na entrada e na saída, e uma linha do tempo acoplada abaixo da prancheta é onde você as organiza. Abra-a e já há uma sequência tocando - um cartão de título, um clipe, um cartão final, um lower-third e uma trilha musical - de modo que o modelo fica visível antes de você mudar qualquer coisa.

signed by Lolly2026-10-21vector SVG63 paths~8.8k nodes132 groups105 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG63 paths~8.8k nodes132 groups105 KBVerifique você mesmoBaixar o arquivo assinado

Há dois tipos de linha, e a diferença é a ideia toda:

• A linha de sequência é magnética. Os clipes ficam colados, um depois do outro, e arrastar um deles reordena a sequência em vez de deixar um buraco. Exclua um clipe e o resto se fecha. Essa é a sua espinha dorsal.
• As faixas de sobreposição são livres. Um lower-third, um logo, uma legenda - qualquer coisa que flutue sobre a espinha dorsal no seu próprio tempo - ganha sua própria faixa e seu próprio início.
• Abaixo delas, Sempre ativo reúne as caixas sem tempo nenhum: cenário que simplesmente está presente do começo ao fim. O + em um chip promove uma delas para uma faixa; Deixar sempre ativo a manda de volta.

signed by Lolly2026-10-21vector SVG326 paths~20k nodes444 groups2 images358 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG319 paths~20k nodes444 groups2 images357 KBVerifique você mesmoBaixar o arquivo assinado

Abrir a linha do tempo dá o teclado a ela, então Espaço e as setas dirigem o cursor de reprodução em vez da página - e, como ela abre sozinha em uma composição que já tem tempo, isso vale desde o momento em que a Sequência carrega.

O editor de sequência aprofunda as quatro coisas que decidem se editar no tempo é previsível: qual clipe um clique na tela edita, os fantasmas em papel-cebola dos clipes vizinhos, o escopo da divisão e o Juntar que desfaz um corte, e o aparar (incluindo o conjunto de atalhos de teclado). Pressione ? com a linha do tempo em foco para ver a folha de atalhos.

Editando. Arraste o meio de um clipe para movê-lo ou reordená-lo, arraste a poucos pixels de qualquer uma das pontas para apará-lo e pressione Dividir no cursor de reprodução (ou S) para cortar um clipe em dois. A divisão precisa de um clipe com uma Duração real e do cursor de reprodução um pouco para dentro dele, então um clipe em aberto (a trilha musical, por exemplo) não pode ser dividido. Encaixar nas bordas vem ativado por padrão e encaixa nas bordas dos clipes, no cursor de reprodução e em segundos inteiros, com Alt para ignorar. Cada arraste é um único passo de desfazer, e a pré-visualização do arraste faz a mesma aritmética que a confirmação, então o que você vê ao arrastar é o que você obtém.

Selecione um clipe e o inspetor oferece as mesmas edições em números: Duração, Aparar entrada (a que altura da fonte ele começa), Velocidade como um conjunto de multiplicadores fixos de ×0,25 a ×4, Animar entrada / Animar saída com suas durações e Silenciar clipe. Um clipe na linha magnética não tem campo Início, de propósito - a linha é dona da ordem, então você arrasta para movê-lo.

Transições são presets, não quadros-chave: Esmaecer, Pop, Crescer, Subir, Cair, os quatro Deslizes, Zoom para dentro e para fora, Inclinar, Mergulho, Girar, Deriva ou Cortar (sem animação). As distâncias escalam com o objeto, então o mesmo preset funciona igualmente bem em um cartão de tela cheia e em um selo pequeno. Entre dois clipes adjacentes na linha de sequência há um chip de emenda: clique nele e escolha Cortar ou Crossfade, que se aplica na hora e fecha. Abra o mesmo chip de novo para mudar a Duração (ms) e pressione Concluído. Um crossfade é armazenado como uma saída em fade de um clipe e uma entrada em fade do próximo, e a dissolução real é derivada desse par: o primeiro clipe continua reproduzindo além do corte e sai em fade, enquanto o próximo entra em fade por baixo dele. A pré-visualização e o arquivo seguem a mesma regra, então o que você vê na emenda é o que você exporta.

Som. Adicione um clipe de Áudio e ele vive na linha do tempo como qualquer outro clipe: forma de onda, aparar, silenciar. (A trilha gerada que vem na sessão padrão é a única exceção - ela é sintetizada no momento da exportação, então sua barra fica lisa e silenciosa até você renderizar.) Pressione o microfone para gravar uma locução direto na linha do tempo, com contagem regressiva e medidor de nível, e a gravação é salva como um ativo seu no ponto em que você começou. Pressione a câmera ao lado dele para gravar um vídeo da mesma forma: a gravação é cortada para o tamanho de exportação da prancheta enquanto grava, então a pequena autovisualização mostra exatamente o que entra na sequência no cursor de reprodução, em quadro cheio - a maneira de reunir o clipe de um colega a partir de um link compartilhado. Música, diálogo e a trilha do próprio clipe chegam todos à mixagem exportada. (A Faixa de áudio do painel de exportação é outra coisa: uma única trilha colocada sob o clipe inteiro, com fade e ducking. As duas coexistem.)

A faixa de áudio. Selecione qualquer clipe que tenha som e uma faixa compacta abre abaixo da linha do tempo: um fader de Volume, Panorâmica para a posição estéreo, um EQ de três bandas (Baixo, Médios, Alto), um controle de Tom que transpõe em semitons enquanto a voz mantém seu caráter, e Normalizar volume, que leva o clipe à sonoridade de transmissão (BS.1770), para que uma nota de voz baixa e uma faixa alta fiquem niveladas. Onde dois clipes se encontram, Crossfade mescla a junção em vez de cortar. Um slot de Efeito roda um processamento no dispositivo sobre o clipe - Limpeza de voz tira o ambiente e o chiado de uma gravação. Mudanças de velocidade também mantêm o tom: um clipe desacelerado ou apressado é esticado no tempo, não vira uma voz de desenho animado. A cada mixagem, a exportação abaixa a música sob a fala conforme ela vai e vem e mantém o programa inteiro sob um limitador de pico verdadeiro, então nada estoura na saída; uma forma de onda que teria estourado é desenhada com um aviso onde isso acontece.

signed by Lolly2026-10-21vector SVG88 paths~5.8k nodes138 groups2 images86 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG88 paths~5.8k nodes138 groups2 images86 KBVerifique você mesmoBaixar o arquivo assinado

Renderizando. Uma exportação com movimento é um composto determinístico, não uma gravação de tela - cada quadro é decodificado, desenhado e codificado em um tempo exato, então o arquivo não depende de a sua máquina dar conta, e não há um teto prático de quadros em MP4 ou WebM. A duração da própria linha do tempo define o tempo total, a menos que você digite um. Os Content Credentials são carimbados como em qualquer outra exportação. Uma exportação estática entrega o quadro no cursor de reprodução, ou uma folha de contato inteira a partir do campo Quadros ao lado do tamanho de saída - veja Exportação.

Alguns limites a ter em mente: uma sequência é limitada a uma hora, GIF e PNG animado guardam seus quadros em buffer, então ficam curtos, um clipe reproduzido mais rápido ou mais devagar mantém seu tom (a faixa de áudio o estica no tempo, e um controle de Tom transpõe em semitons mantendo o caráter da voz) e Gravar ao vivo fica oculto aqui porque o compositor é o caminho melhor.

Além das predefinições: quadros-chave, profundidade e uma câmera. Uma transição anima um clipe conforme ele chega e sai. Para posicionar uma caixa dentro de um clipe - deslocá-la, esmaecê-la, desfocá-la, levantá-la da página e assentá-la de volta - adicione quadros-chave: selecione o clipe, pressione +Keyframe (o losango no conjunto de ferramentas da timeline, o losango na barra de objetos da tela ou K) e a posição do cursor de reprodução decide qual pose sua próxima edição grava. O mesmo sistema de quadros-chave dá a toda composição temporizada uma câmera que se aproxima, faz panorâmicas e ajusta o foco, transformando um único SVG plano em uma pilha de camadas entre as quais você pode voar. Animação é o guia completo.

A ferramenta Design tem a mesma linha do tempo, então você pode dar tempo a um layout sem trocar de ferramenta, e ela também exporta movimento.

Apresentando

Para colocar sua câmera, um logotipo e uma legenda de nome sobre a imagem da plateia, use Present with camera. Seus controles privados, cenas salvas, etapas de compartilhamento e gravação são abordados em Apresentando com câmera. Os controles comuns da apresentação abaixo continuam disponíveis por Apresentar.

Um documento do Design feito de pranchetas já é uma apresentação. Abra o menu do Lolly na barra de ferramentas e escolha Apresentar - a última linha - e cada prancheta vira um slide em tela cheia, na ordem em que as pranchetas estão na tela. A apresentação roda sobre uma cópia das pranchetas renderizadas, então o editor por baixo nunca é tocado e sair coloca você de volta exatamente onde estava.

• Avançar com Espaço, →, Page Down ou um clique na faixa na borda direita da tela; volte com ←, Page Up ou a faixa na borda esquerda. Home e End pulam para o primeiro e o último slide. Uma pequena barra de controles aparece suavemente sempre que você move o ponteiro e se esconde de novo quando você para.
• Visão geral (O ou o botão de grade) organiza todas as pranchetas de uma vez, no arranjo que você deu a elas no canvas; clique em uma para abri-la.
• Revelar em etapas. Clique com o botão direito em uma caixa e escolha Revelar na etapa 1, 2 ou 3 em vez do padrão Sempre visível. Essa caixa então espera até você avançar até a etapa dela, então um slide pode chegar em partes; caixas com o mesmo número chegam juntas.
• Visão do apresentador (S) abre uma segunda janela com o slide atual, o próximo, suas anotações para esse slide e um cronômetro em execução. Se o navegador bloquear o pop-up, ela recai em um painel sobre a apresentação. As anotações são definidas por prancheta e nunca aparecem no próprio slide.
• B mantém uma tela preta (qualquer tecla traz o slide de volta), F retorna à tela cheia e Escape descasca uma camada de cada vez: da visão geral de volta à apresentação, da apresentação de volta ao editor.
• Quiosque. Dê a uma prancheta uma Duração e a apresentação fica ali por esse tempo, depois avança sozinha por trás de uma barra de progresso fina; K (ou o botão de pausa, que só aparece quando algo tem uma duração) para e reinicia isso. Adicione kiosk ao link e a apresentação recomeça do início quando chega ao fim, o que é o que a torna sinalização digital.

• Pilhas de sub-slide. Clique com o botão direito em uma prancheta e escolha Empilhar sob o slide anterior e ela se torna uma etapa daquele slide em vez de um slide próprio: a visão geral mostra um único cartão, a apresentação percorre a pilha em ordem, e a linha Empilhar do inspetor diz a qual slide ela pertence.
• Morph. Quando dois slides consecutivos carregam uma caixa com o mesmo nome de Correspondência do Transformar (clique com o botão direito na caixa, ou a linha Correspondência do Transformar do inspetor - hero, por exemplo), a transição move essa caixa de onde ela estava para onde ela está, redimensionando e recolorindo pelo caminho, em vez de cortar. Uma transição Morph para o deck inteiro faz o mesmo para cada par correspondente.
• Narração. As Notas do apresentador de cada prancheta podem ser lidas em voz alta. Na seção Documento do inspetor, escolha uma Voz, opcionalmente uma segunda voz para Misturar com, a Velocidade de leitura, e uma Entrada e uma Cauda em milissegundos ao redor de cada slide; ative Mostrar legendas ao apresentar e as palavras aparecem conforme são faladas. A voz roda no seu dispositivo. As mesmas notas viram o filme em uma exportação de vídeo, áudio real de slide em uma exportação do PowerPoint, e o filme narrado dentro de um pacote SCORM.

signed by Lolly2026-10-21vector SVG60 paths~6.2k nodes101 groups1 image83 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG60 paths~6.2k nodes101 groups1 image83 KBVerifique você mesmoBaixar o arquivo assinado

O deck também é um link. ?present abre direto nele, s= escolhe o slide - uma posição, o id de uma prancheta ou id.step para uma etapa de revelação - e o endereço se atualiza conforme você avança, então o que você envia é o slide em que está. Para autores de ferramentas: esses parâmetros estão documentados na página Modo URL.

No celular

Em telas estreitas, o layout se reorganiza em uma única coluna:

• Os controles viram uma folha no topo, com uma alça de arraste na borda inferior. Arraste a alça para redimensioná-la - ela se encaixa em peek / half / full (espiada / meia / cheia) - ou toque na alça para alternar entre recolhida e expandida. A pré-visualização preenche o espaço abaixo e permanece visível enquanto você edita.
• Um botão flutuante Exportar abre a folha de exportação - todos os controles de formato, tamanho, copiar, salvar e baixar em um só lugar. Feche-a tocando no fundo.

signed by Lolly2026-10-21vector SVG102 paths~2.7k nodes143 groups2 images89 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG102 paths~2.7k nodes143 groups2 images89 KBVerifique você mesmoBaixar o arquivo assinado

Controles (inputs)

As ferramentas expõem apenas os inputs que devem variar - tudo o mais (cores, layout, tipografia, lógica) é fixado pelo autor da ferramenta, então tudo o que você cria segue as regras definidas pelo autor. Os inputs incluem texto, sliders, seletores de cor, menus suspensos, datas, seletores de imagem e grupos de linhas repetidas. Alguns são agrupados em seções recolhíveis.

signed by Lolly2026-10-21vector SVG44 paths~2.9k nodes55 groups45 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG44 paths~2.9k nodes55 groups45 KBVerifique você mesmoBaixar o arquivo assinado

Redefinir: Descartar alterações retorna todos os inputs aos seus valores padrão.

Desfazer e refazer

Cmd/Ctrl-Z volta um passo e Cmd/Ctrl-Shift-Z (ou Cmd/Ctrl-Y) avança de novo. O mesmo par fica como botões Desfazer e Refazer na linha acima dos controles - na tela livre eles ficam na barra de ferramentas - e cada um fica esmaecido enquanto não há nada a recuperar. Cada passo diz o que foi: desfaça uma cor e uma pequena mensagem nomeia o input que acabou de ser restaurado, com um botão Refazer dentro dela para o caminho de volta.

• Um arraste é um passo. Mudanças repetidas no mesmo controle dentro de meio segundo são mescladas, então puxar um slider por toda a sua faixa é um único desfazer, e não duzentos.
• Os últimos 100 passos são mantidos - os mais antigos caem fora. Fazer uma edição nova depois de desfazer limpa a pilha de refazer, como acontece em qualquer outro lugar.
• Enquanto seu cursor está em uma caixa de texto, Cmd/Ctrl-Z pertence ao próprio campo, caractere por caractere. O Lolly assume o comando dos controles que não têm um desfazer útil próprio: sliders, menus suspensos, cores e interruptores.
• Escolher um arquivo em um input do tipo file não é um passo - esses bytes ficam guardados só durante a sessão, então não haveria nada para repor.

Em uma colaboração ao vivo, o histórico continua sendo só seu. Uma alteração vinda do outro dispositivo nunca entra na sua pilha, então desfazer só pode reverter algo que você mesmo fez.

Desfazer alcança apenas o que aconteceu durante esta visita; ferramentas que salvam enquanto você trabalha também guardam versões anteriores em Histórico, ao lado de Undo (veja Volte a uma versão anterior).

Seus dados e sua foto de perfil

Configurações (no canto superior direito da galeria, mostrando seu primeiro nome depois que você define um) guarda seu nome, dados de contato e uma foto de perfil opcional. Ferramentas que pedem esses campos os preenchem automaticamente - defina-os uma vez e sua assinatura de e-mail, lockups e crachás se preenchem sozinhos. Você ainda pode sobrescrever qualquer campo por sessão. Ative Usar meus dados para criar para que seus dados viajem junto como autor no que você exporta.

Sua foto de perfil e seus dados ficam somente neste dispositivo. Um perfil pode ser mais do que só você - uma equipe ou um papel que você assume de vez em quando. Veja Perfis para o panorama completo, incluindo como manter mais de um.

Salvando e continuando

Para manter seu trabalho, pressione Salvar como, o visto ao lado de Exportar. Em Save to a project, deixe Minha biblioteca selecionado ou escolha um projeto (＋ Novo projeto… cria um), depois pressione Salvar. Salvar de novo atualiza o mesmo item em vez de criar uma cópia. No Design, Salvar como fica no menu sob o logo do Lolly; no celular, toque em •••, depois em File menu, depois em Salvar como.

O botão Salvar no painel de exportação faz o mesmo em um clique e nunca baixa um arquivo: o trabalho novo vai para Minha biblioteca, e o trabalho que você salvou antes é atualizado onde está.

Para voltar depois, pressione Home no canto superior esquerdo, depois abra a aba Projetos (um ícone de pasta no celular). Os salvamentos de Minha biblioteca estão na primeira tela dela; um projeto é uma pasta lá. Itens recebem o nome do arquivo que você digitou no painel de exportação, ou então o nome da ferramenta, como QR Code. Abra um e cada configuração está lá, pronta para mudar e exportar de novo.

O trabalho salvo permanece neste dispositivo, no navegador ou app de onde você salvou, a menos que você ative a Sincronização. Um arquivo que você obtém com Baixar é uma cópia finalizada; para alterá-lo depois, abra o item salvo em Projetos. Se algo não está onde você espera, veja Encontre e recupere seu trabalho.

signed by Lolly2026-10-21vector SVG2 paths240 nodes10 groups7 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG2 paths240 nodes10 groups7 KBVerifique você mesmoBaixar o arquivo assinado

Projetos

Projetos, a aba Projetos no topo da tela inicial, guarda tudo o que você salvou, em pastas que você cria. Encontrar, ordenar e buscar seu trabalho lá, e restaurar um item da Lixeira, estão em Encontre e recupere seu trabalho.

Compartilhando seu trabalho

Um design sai de uma de duas formas: como link ou como arquivo. O diálogo de compartilhamento oferece as duas. Abra-o com Compartilhar nos controles de exportação; Compartilhar link em uma sessão salva em Projetos abre o mesmo diálogo para aquela sessão.

O link

Cada input é capturado na URL da página, então um link é o design. No topo do diálogo fica o link pronto para copiar, com duas seções recolhidas abaixo dele.

• Opções do link traz Abrir no app instalado (troca o campo por um URI lolly:// para Atalhos, lançadores e automação, com todos os parâmetros inalterados), Link mais curto (um design grande gera uma URL longa, então isso compacta todo o estado em um token compacto e mostra a economia em caracteres; a forma legível continua sempre disponível), Proteger este link com senha (AES-256 sobre o link inteiro, com a senha nunca dentro dele) e Fixar esta versão da ferramenta - o sinalizador _v, que prende o link à versão da ferramenta que você está vendo, para que uma atualização posterior não possa mudar o que ele renderiza.
• Comportamento do link é o que acontece quando o destinatário o abre: tela cheia, o painel de exportação já expandido, download ao abrir com &export ou copiar para a área de transferência com &copy.

Cole o link para um colega, salve nos favoritos ou faça o commit dele. (Detalhes completos: Modo URL.)

Algumas ferramentas fazem do link o produto inteiro. O Jump Page reúne seus links em uma única página para distribuir - um link de bio, uma palestra de conferência, uma vitrine de loja. Não há nada para hospedar e nenhuma conta por trás disso: a página é o link, então ela abre tão rápido quanto a URL viaja. No editor, você vê a página finalizada ao lado dos campos; um visitante que abre o link a recebe em largura total, um link por cena conforme rola a página.

signed by Lolly2026-10-21vector SVG4 paths755 nodes13 groups14 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG4 paths755 nodes13 groups14 KBVerifique você mesmoBaixar o arquivo assinado

O diálogo diz o que um link não consegue carregar. Três coisas não cabem em uma URL: uma imagem ou arquivo que você adicionou deste dispositivo, um valor de texto muito longo ou uma lista muito grande. Cada uma é contabilizada enquanto o link é montado. Se alguma coisa precisou ficar de fora, o diálogo diz qual foi e aponta você para o arquivo abaixo, em vez de entregar um link que abre com a imagem faltando. Um link que é apenas longo recebe um aviso mais brando, com sua contagem de caracteres, já que a compactação ainda pode resolver o comprimento.

O arquivo .lolly

.lolly é a extensão de pacote portátil do Lolly, não uma promessa de que todo arquivo contém a mesma coisa. O format em manifest.json é a autoridade. O app lê esse pequeno manifesto primeiro e mostra o tamanho, o conteúdo e a ação antes de gravar qualquer coisa:

• A shared design (lolly-share) contém uma sessão salva de uma ferramenta, seus arquivos incorporados e um recibo para tudo que ainda resolve por referência. Ele também pode carregar a ferramenta e o design system usado para criá-lo. Abri-lo acrescenta um novo Projeto; nunca sobrescreve uma sessão existente.
• A shared project (lolly-share do tipo project) contém uma pasta de Projetos: suas subpastas, cada sessão salva arquivada nelas, o cartão de cada sessão e as imagens arquivadas ali. Abri-lo acrescenta uma cópia da pasta inteira a Projetos; nada que já está lá é substituído. Um Lolly anterior à existência dos arquivos de projeto não consegue ler um e avisa para atualizar.
• Um design-system pack (lolly-brand) contém tokens e pode conter fontes, logotipos, versões publicadas e recursos retidos. Abri-lo o acrescenta como um design system nomeado separado, e então muda para ele; os sistemas já no dispositivo permanecem.
• Um brand workspace / instance pack é um lolly-brand com ferramentas declaradas, ativos de catálogo e, opcionalmente, um endereço de instância. A pré-checagem lista esses efeitos em todo o dispositivo porque carregá-lo substitui a única sobreposição de espaço de trabalho carregada anteriormente.

Um backup completo de dispositivo/perfil não é um .lolly. Ele continua sendo um LollyTools-….zip com formato lolly-backup, e restaura por Configurações → Armazenamento → Importar dados…, que também pega uma cópia que a Sincronização guarda no seu armazenamento. Uma pasta de ferramenta zipada simples também continua sendo .zip. Em outras palavras, pacotes de sessão e de design system são donos do .lolly; fluxos de backup e de arquivo solto não são.

Download .lolly, no diálogo de compartilhamento da ferramenta em que você está trabalhando, grava o design atual como um pacote de design compartilhado. Ele carrega a sessão salva junto com as imagens e os arquivos disponíveis neste dispositivo. A arte de catálogo comum vai junto também. A arte licenciada é retida a menos que você a inclua explicitamente, e um arquivo desatualizado ou indisponível permanece como uma referência externa em vez de desaparecer. O recibo preparado mostra o tamanho real do .lolly, a contagem de arquivos incorporados, a contagem de referências externas e se a ferramenta está incluída. Onde o seu dispositivo tem uma folha de compartilhamento, Enviar para… entrega esse arquivo direto a ela (AirDrop, um compartilhamento do Android) em vez de salvá-lo no disco.

Download project (.lolly), no menu de uma pasta em Projetos, grava essa pasta como um projeto compartilhado, para que outra pessoa possa abri-la e continuar com cada sessão nela. Cada sessão viaja como sua própria parte (sessions/<key>.json, com seu cartão em thumbs/), a árvore de pastas é listada em manifest.json, e uploads e arte de catálogo viajam sob as mesmas regras de um único design compartilhado. Sessões de lote não são sessões de ferramenta e ficam para trás; o aviso diz quantas. Baixar originais, ao lado, continua igual: um zip simples de cada item como seu próprio arquivo.

Um .lolly é um zip comum. Renomeie para .zip e abra: suas próprias imagens ficam em assets/uploads/ e a arte de catálogo em assets/catalog/, cada uma com seu nome e extensão reais, o manifest.json lista todas elas e um README no topo diz o que é o arquivo.

Três coisas são você quem decide antes de ele sair:

• Se o seu nome entra. Seu nome, e-mail e organização só são gravados no arquivo quando Use my details to create está ativado no seu perfil. Com ele desligado, o arquivo registra que foi feito com o Lolly e quando - nada sobre você.
• Se arte licenciada entra. Assets licenciados e travados pela marca ficam retidos por padrão. Se o design usa algum, o diálogo diz quantos e oferece dois botões - Download without them ou Include and download - porque incluí-los entrega os arquivos reais a quem quer que abra o .lolly.
• Se a ferramenta entra. Include the tool empacota os próprios arquivos da ferramenta junto com o design, para que ele abra em um dispositivo que não tem essa ferramenta. Vem marcado para uma ferramenta personalizada - um fork ou uma ferramenta de marca privada que seu destinatário dificilmente vai ter - e desmarcado para uma ferramenta que o catálogo assinado lista, já que a cópia dele vem da mesma fonte. (Em uma build sem catálogo assinado, toda ferramenta conta como personalizada e a caixa começa marcada.)

Abrindo um. Em um app instalado no desktop ou no celular, dê um duplo clique ou toque em um .lolly, escolha Open with Lolly, ou envie-o ao Lolly pela folha de compartilhamento do sistema. macOS, Windows, Linux, iOS e Android registram todos o formato; os gerenciadores de arquivos do desktop o mostram como um documento do Lolly (e o GNOME Files pode mostrar a miniatura própria de uma sessão salva). No app web, use Abrir ou solte o arquivo sobre o Lolly. Toda porta de entrada usa a mesma pré-checagem baseada primeiro no manifesto. Abrir a partir do Brand Studio recomenda a ação de design system quando um design compartilhado carrega um, mas nunca renomeia o arquivo nem oculta Desenho aberto compartilhado.

Um documento do iOS ou Android entregue de outro app tem limite de 48 MB, porque a transferência nativa precisa copiar seus bytes através da fronteira entre apps. O app móvel avisa isso em vez de simplesmente ignorar um arquivo grande demais em silêncio. O Abrir dentro do Lolly não usa essa transferência; é o caminho a tentar para um pacote maior.

Depois da confirmação, o leitor escolhido descompacta e verifica o pacote uma vez. Os ativos de um design compartilhado vão para a sua biblioteca, sua sessão vai para Projetos e sua ferramenta abre quando disponível. As sessões de um projeto compartilhado vão para Projetos sob uma nova cópia de suas pastas, com novos ids, para que o mesmo arquivo possa ser aberto duas vezes, e a pasta se abre; uma sessão cuja ferramenta este dispositivo não tem espera lá. Um ativo já presente no dispositivo é identificado pelo checksum e reaproveitado. Um pacote de design system é armazenado em seu próprio namespace antes de o app mudar para ele. Arquivos com mais de 100 MB são sinalizados como grandes, e a pré-checagem avisa quando o armazenamento do navegador relata menos espaço livre do que a carga declarada precisa. Cada parte coberta por verificação de integridade é checada antes de a operação ser confirmada; uma cópia danificada é recusada e o destino recém-criado é revertido.

Se o arquivo carrega uma ferramenta que você não tem, o Lolly pergunta antes que essa ferramenta possa rodar: Confiar nesta ferramenta? nomeia a ferramenta e seu autor e diz claramente que abri-la roda o código dela no seu dispositivo, com Confiar e instalar como o caminho adiante. Recuse e o trabalho compartilhado continua salvo nos seus projetos, esperando ali pelo dia em que você adicionar a ferramenta. (Um tipo de ferramenta ainda não pode ser carregado assim - uma cujo código vem como módulo - e ela é recusada do mesmo jeito.)

Um link e um arquivo entregam, os dois, um instantâneo. Para trabalhar na mesma sessão ao mesmo tempo que outra pessoa - dois dispositivos, sem servidor, sem internet se vocês estiverem na mesma rede - veja Trabalhando juntos.

Câmera ao vivo (ferramentas reativas a movimento)

Todo Filtro de foto - Halftone, Scanline, Posterize, células de Voronoi, Tratamento de cor, Esticar pixels e Imperfeições - mostra um botão Ativar ao vivo onde há uma câmera disponível. Ative e o efeito acompanha sua webcam quadro a quadro, reagindo ao movimento; você pode gravar o resultado em GIF, WebM ou MP4. Os quadros são lidos e processados no seu dispositivo e nunca saem dele, e a câmera é liberada assim que você para ou sai da ferramenta. (Qualquer seletor de imagem também tem Tirar uma foto, para capturar um único quadro como imagem no dispositivo.)

Minhas imagens

Quando uma ferramenta permite adicionar uma imagem do seu dispositivo, ela é mantida exatamente como chegou - então uma Content Credential nela ainda verifica - e salva na sua biblioteca pessoal My images (em Configurações → Armazenamento). Só um arquivo genuinamente enorme pergunta se quer mantê-lo ou redimensioná-lo. Reutilize-a em qualquer ferramenta. Para remover EXIF/GPS conforme as imagens chegam, ative Remover metadados dos uploads no seu perfil. Não há limite: a biblioteca é totalmente local e limitada só pelo armazenamento do seu dispositivo - gerencie ou exclua imagens lá.

Ativos - sua biblioteca

A tela Ativos (#/a, ou o segmento Ativos do seletor Ferramentas · Utilitários · Ativos · Projetos no topo de toda tela de listagem) reúne tudo o que suas ferramentas podem usar - logos de marca, imagens, áudio e animações, agrupados por tipo - e é onde os seus próprios arquivos criativos também ficam. Sem servidor, sem console de administração, sem pull request: está tudo no seu dispositivo.

signed by Lolly2026-10-21vector SVG180 paths~33k nodes460 groups469 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG180 paths~33k nodes460 groups470 KBVerifique você mesmoBaixar o arquivo assinado

• Traga seus arquivos. Arraste qualquer imagem, SVG, clipe de áudio, vídeo, Lottie, PDF ou apresentação do PowerPoint para a área de envio - ou clique para escolher - e ele chega instantaneamente em Ativos, pronto no seletor de ativos de cada ferramenta. Um PDF de várias páginas ou um .pptx pergunta quais páginas ou slides manter - cada um vira um ativo SVG. Envie o quanto quiser; isso nunca sai do seu dispositivo.
• Favorite o que você usa com frequência. Marque com ★ um ativo (ou uma amostra de marca) e ele fica fixado no topo de todo seletor, para que o seu logotipo ou cor preferida fique a um clique de distância.
• Organize. Recategorize um ativo em um grupo diferente, oculte um ativo de marca compartilhado que você não usa (com Show hidden para trazê-lo de volta) ou exclua seus próprios envios definitivamente. O mesmo gesto de seleção múltipla e a barra de ações flutuante do Projects funcionam aqui também, então qualquer uma dessas ações pode ser feita em toda uma seleção de uma vez.
• Remova o fundo de um vídeo. Abra o detalhe de um vídeo ou clique com o botão direito no seu cartão em qualquer seletor de ativos e escolha Remover fundo… para salvar uma alternativa transparente - um WebP ou PNG animado com alfa real. Escolha um Método: um Modelo no dispositivo recorta um assunto de uma cena movimentada, ou uma Chave de cor remove um fundo uniforme e plano, como um fundo verde ou uma parede lisa, com Tolerância, Suavidade e Remoção de respingo para ajustar a borda. A chave de cor não precisa de download de modelo nem de rede, então Remover fundo é oferecido em qualquer vídeo e costuma ficar mais limpo em filmagens bem cuidadas. Um controle de Resolução (360, 480, 720 ou 1080p, nunca além da origem) troca detalhe por um arquivo menor e mais rápido. Ele roda como uma tarefa em segundo plano no seu dispositivo. O recorte finalizado é salvo ao lado do original como seu próprio ativo, e o Content Credential do vídeo de origem viaja junto como um ingrediente. (Veja Gerado uma vez, renderizado do mesmo jeito para entender por que remover um fundo continua sendo uma edição comum.)

Leve sua paleta e suas fontes para qualquer lugar

O painel de Amostras em Ativos faz mais do que exibir - clique em uma cor para copiá-la, ou baixe toda a paleta da marca no formato que a sua outra ferramenta entende:

• Design tokens (JSON), variáveis CSS ou classes CSS - leve a marca direto para uma folha de estilos ou um build;
• Adobe Swatch Exchange (.ase) - carregue no Illustrator ou Photoshop;
• Paleta do GIMP (.gpl) - para o GIMP ou o Inkscape.

signed by Lolly2026-10-21vector SVG87 paths~23k nodes204 groups290 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-21vector SVG87 paths~23k nodes204 groups290 KBVerifique você mesmoBaixar o arquivo assinado

O painel de Fontes lista as fontes da sua marca com um botão de download ao lado de cada uma, para instalar localmente ou entregar a uma gráfica. (A sala de Cores do Brand Studio oferece o mesmo download de paleta.)

Os ativos são metade do caminho aberto e faça-você-mesmo; a outra metade é criar suas próprias ferramentas - a tela livre (Design, descrita acima) permite construir uma visualmente, sem precisar de código.

Som e acessibilidade

O Lolly busca ser confortável de usar para todo mundo. A interface é navegável pelo teclado, os controles personalizados têm rótulos adequados para leitores de tela, e a pré-visualização ao vivo de cada ferramenta é exposta como uma única imagem rotulada, descrevendo o que está sendo criado.

Uma camada suave de sons de apoio confirma o que você faz - chegar na galeria, uma checagem válida ou inválida de Content Credentials, fechar um painel, trocar um filtro. Isso vem desativado por padrão: ative Som em qualquer lugar em que o interruptor aparece (o popover de opções de cada visão, ou Configurações), e a escolha é lembrada.

Quatro configurações de conforto opcionais ficam em Configurações → Acessibilidade: Reduce motion (remove as transições e florituras do app), Hide colourful previews (cartões de galeria calmos, de ícone e texto, e miniaturas de projeto mais discretas), High contrast (bordas, texto e anéis de foco mais fortes) e Large text (tipografia do app maior - rótulos, menus, texto de botão). As quatro ajustam o app ao redor do seu trabalho: elas nunca alcançam o interior de uma prancheta de ferramenta nem mudam um pixel do que você exporta, e cada uma vem desativada até você ativá-la. Detalhes completos em Seu perfil → Acessibilidade.

Ao lado do interruptor de Som fica o Modo Neurospicy - uma faixa de foco de fundo, calma e opcional, que toca discretamente enquanto você trabalha. Ao ativá-la, abre-se um pequeno dock de player no canto inferior que acompanha você por todo o app; a partir dele você pode buscar e escolher uma faixa, avançar e voltar, ajustar o volume, e minimizá-lo ou fechá-lo. A lista de faixas abrange algumas categorias - músicas procedurais do Lolly Sings, loops e batidas ambiente, seu próprio áudio enviado e algumas estações de rádio ao vivo da internet (estas precisam de conexão; todo o resto toca offline). Ele vem desativado por padrão e, assim como o Som, é lembrado entre sessões e dispositivos. Desativar o Som também silencia a faixa de foco.

Armazenamento e privacidade

O Lolly mantém seu trabalho no seu dispositivo: no armazenamento do próprio navegador no app web, e no armazenamento do próprio app nos apps de desktop e mobile. O que é mantido, o que Limpar todos os meus dados remove e o que limpar os dados do navegador leva junto estão em Encontre e recupere seu trabalho; a Política de Privacidade lista tudo que o app busca ou envia, e Server Surface os componentes de servidor opcionais.

Mudando para outro dispositivo

Para levar seu trabalho a um segundo computador ou celular, use a Sincronização, um arquivo de backup ou um arquivo .lolly. Mova seu trabalho para outro dispositivo compara os três e explica Exportar meus dados e Import data….

Importando um design (Figma, Penpot, Illustrator, InDesign)

Você pode trazer um design existente para o Lolly e continuar trabalhando nele: abra o Design, clique em Importar um design na barra de ferramentas da tela, e escolha um .fig ou SVG do Figma, um .penpot do Penpot, um .ai / .pdf do Illustrator ou um .idml do InDesign. As camadas viram caixas editáveis na tela livre - o texto continua reeditável, as imagens vão para Minhas imagens e a tipografia e as cores seguem os padrões globais da marca - depois o resultado é salvo, compartilhado e renderizado como qualquer outra sessão. O parse acontece inteiramente no seu dispositivo. Detalhes completos: Importar um design.

Exportando

Veja Exportação e Formatos para a história completa - escolher um formato, tamanho de saída e unidades de impressão, transparência, vídeo e copiar/compartilhar. Resumindo: escolha um formato, ajuste o tamanho se precisar e Baixar (ou Copiar para a área de transferência).

Modo Batch (Pro)

Para usuários avançados, o Batch (acessível pela galeria, restrito à feature flag Pro, que vem ativada por padrão) renderiza várias variações de uma vez - uma grade em que cada linha é um conjunto de inputs, exportados juntos. Ideal para localizar um cartão em uma dezena de idiomas ou gerar cada variante de tamanho em uma única passagem. Preencha as linhas digitando, colando direto de uma planilha ou importando um CSV (você também pode exportar um de volta), e defina formato, tamanho e nome do arquivo de saída por linha. Salve uma grade inteira como uma sessão de lote nomeada, que reabre pela galeria, e baixe cada linha como um único .zip.

signed by Lolly2026-10-23vector SVG133 paths~15k nodes185 groups1 image195 KBVerifique você mesmoBaixar o arquivo assinado signed by Lolly2026-10-23vector SVG133 paths~15k nodes185 groups1 image195 KBVerifique você mesmoBaixar o arquivo assinado

O Batch serve para gerar muitas variantes de um modelo de uma vez. Para renderizar de novo sessões que você já salvou, use Projetos → Renderizar pasta / Renderizar seleção (veja Encontre e recupere seu trabalho) - não precisa de Pro.

Editando lado a lado (Multiedição)

Batch são muitas variantes de um design. Multi-edit é a outra metade do trabalho: vários designs salvos diferentes abertos ao mesmo tempo, para que uma alteração se aplique a todos eles. Marque entre duas e oito sessões salvas em Projects e escolha Edit together na barra de seleção; eles abrem como cartões ao vivo lado a lado em #/multi?s=<slot>,<slot>…. Cada cartão é uma renderização real dessa sessão, não uma miniatura armazenada, então o que você vê é o que será exportado.

Uma única barra lateral comanda o conjunto:

• Shared lidera - todo input que duas ou mais das sessões selecionadas declaram da mesma forma (mesmo id, mesmo tipo, mesmas restrições - a mesma regra de mesclagem que a grade de lote usa nas suas colunas). Edite um controle compartilhado uma vez e o valor se espalha para toda sessão que o declara, ao vivo em cada cartão. Duas sessões da mesma ferramenta compartilham tudo; duas ferramentas diferentes compartilham só os inputs que têm em comum.
• Abaixo dele, um cartão recolhido por sessão com todos os inputs próprios daquela sessão, na mesma fidelidade da barra lateral da própria ferramenta - seletores de recursos, grupos de linhas repetidas, campos de cor - mais um bloco de exportação compacto: Format, W / H, Unit, DPI e seu próprio Download. Esse Download salva a sessão primeiro e depois a renderiza pelo caminho comum de exportação de sessão, então o arquivo carrega o mesmo nome, formato e Content Credentials que teria direto da ferramenta.
• Filter inputs… no topo restringe os controles em todos os cartões de uma vez - é assim que você chega ao "título" em oito sessões sem rolar para encontrá-lo.

Clique em qualquer tela (ou pressione Enter sobre ela) e o cartão da barra lateral daquela sessão se abre e é rolado até ficar visível. Salvar tudo grava cada sessão de volta no seu próprio espaço. Baixar tudo salva primeiro e depois renderiza o conjunto inteiro pelo mesmo pipeline do Renderizar seleção de Projetos - um único zip, com a trava opcional por senha oferecida no caminho.

Dois limites honestos. O teto de duas a oito é real: cada cartão monta seu próprio runtime ao vivo, e esse é o número que continua responsivo - um link pedindo mais (ou pedindo uma sessão que não existe mais) avisa em vez de carregar pela metade. E o link nomeia os seus espaços salvos, então ele reabre esse conjunto neste dispositivo; não é um link de compartilhamento.

Quando a seleção é maior que oito, mistura ferramentas ou inclui imagens além de sessões, a saída de emergência é Editar como planilha, na mesma barra de seleção: ela abre a seleção inteira como linhas na grade de lote (#/pro?s=…), sem limite de tamanho e sem a regra de mesma ferramenta. As pastas ficam fora das duas - elas têm seu próprio caminho de abrir na grade. (A Busca é a única coisa que ainda não alcança aqui: a Multiedição é a única tela que a barra de busca não conhece.)

Offline e instalação

O Lolly é um PWA. Ele continua funcionando offline nas telas que você já abriu, e O app, em Configurações → Disponível offline, baixa o resto - instale-o pela barra de endereço do seu navegador (ou Adicionar à tela inicial no celular) para uma experiência em tela cheia, como um app. Ele se atualiza sozinho quando você volta a ficar online.

Sobre atualizações: se uma visão falhar ao carregar logo depois de uma (um painel em branco, um "failed to fetch" no canto), recarregue a página uma vez - o app assume a nova versão sem problemas e seu trabalho salvo, sessões e marca ficam intactos; só uma imagem que você adicionou e nunca salvou pode precisar ser adicionada de novo. Ele guarda tudo no seu dispositivo, não na página.

O Design e o Darkroom podem manter a precisão original da imagem com a edição Wide colour / HDR, incluindo vídeo da Sequência. As amostras de marca podem carregar valores sRGB e P3 separados. Veja Edição em cor ampla e HDR para as opções de saída e os limites atuais.

Live pages that take the clicker

Select a Web page box and turn on Make interactive. Its focus step keeps the clicker in the deck while Up and Down control the highlighted page. Owner settings cover highlights, scroll stops, automatic movement and keyboard handover. See Live pages that take the clicker.