Wixel: adicionar e personalizar elementos

Neste artigo

Adicionar um elemento
Selecionar cores
Personalizar texto
Personalizar arte vetorial

Este artigo se refere ao novo Wixel, lançado em dezembro de 2025. Se você não tem certeza se está usando o Wixel novo ou o anterior, veja mais informações aqui.

Os elementos ajudam a melhorar seu projeto e a adicionar personalidade. Você pode adicionar elementos para destacar informações, exibir recursos visuais ou guiar seu público pelo seu design.

O painel Elementos, acessível pela sua barra de ação, permite que você insira imagens, textos, gráficos, vídeos e muito mais de maneira simples, oferecendo liberdade criativa para moldar cada design exatamente como você quer.

Uma captura de tela do painel Elementos no Wixel

Adicionar um elemento

Adicione novos conteúdos ao seu projeto a partir do painel Elementos. Navegue pelas categorias e subcategorias ou use a barra de busca para encontrar exatamente o que você precisa.

Seja para tornar seu projeto mais visual com elementos gráficos e imagens ou para adicionar estrutura com textos e separadores, você encontra todas as opções em um só lugar.

Observação:

Alguns tipos de design oferecem elementos exclusivos (por exemplo, campos de formulário em formulários, botões de RSVP em ativos de eventos). Talvez você não consiga adicionar elementos decorativos a todos os tipos de design, portanto, as opções que você vê podem variar dependendo do que você está trabalhando.

Para adicionar um elemento:

Navegador desktop

App Wixel

Vá para o seu projeto no Wixel.
Clique no design relevante.
Clique em + Elementos na barra de ação.
Navegue pelos tipos de elementos:
- Gráficos: adicione arte vetorial e figurinhas.
  Dica: personalize as cores da arte vetorial para combinar com o visual do seu design.
- Texto: adicione títulos e parágrafos. Selecione estilos predefinidos para economizar tempo ou personalize o seu próprio.
- Imagem: adicione fotos, ilustrações, estampas e recortes.
  Dica: saiba como fazer a edição de imagens.
- Formas: use formas geométricas, setas e molduras para um toque criativo.
- Ícones: adicione detalhes claros e simples ao seu design.
Clique em um elemento para adicioná-lo ao design.
(Opcional) Use as alças de redimensionamento e as ferramentas de personalização na barra de ação para ajustar o tamanho, a cor, a posição do elemento e muito mais.

Dica:

Faça upload da sua própria mídia clicando no Ícone Upload

. Você encontra as imagens carregadas em Minha mídia.

Selecionar cores

Sempre que você clica ou toca em um círculo de cor na barra de ação, você acessa o seletor de cores. É aqui que você vê as cores do tema do seu projeto, além de qualquer cor personalizada que esteja usando.

Para selecionar uma cor:

Navegador desktop

App Wixel

Clique no ícone Cor de preenchimento na barra de ação.
Mova o ponto no esquema de cores ou insira o código HEX da cor (por exemplo: #000000 para preto).
(Opcional) Arraste o slider para ajustar a opacidade da cor.

Uma captura de tela do seletor de cores no Wixel.

Personalizar texto

Personalize seus elementos de texto ajustando fontes, cores, formatação e efeitos como sombras e destaques. Ajuste a aparência e a posição do seu texto para que ele funcione de forma coesa com o seu design.

Para personalizar o texto:

Navegador desktop

App Wixel

Vá para o seu projeto no Wixel.
Selecione o elemento de texto no seu design.
Use as opções disponíveis na barra de ação para personalizar seu texto:
- Fonte: escolha o estilo da fonte.
- Tamanho da fonte: escolha o tamanho da fonte.
- Negrito, Itálico, Sublinhado: faça seu texto se destacar com opções de formatação. Clique no ícone Negrito , ícone Itálico e/ou ícone Sublinhado .
- Maiúscula: converta seu texto para letras maiúsculas.
- Mais configurações: escolha um estilo de lista (por exemplo, Lista numerada, Lista com marcadores) e aumente ou reduza o recuo.
- Alinhamento: escolha como seu texto é alinhado.
- Espaçamento entre linhas: ajuste o espaçamento entre linhas e letras para tornar seu texto mais fácil de ler e dar a ele uma sensação mais aberta e espaçosa.
- Cor de preenchimento: escolha qualquer cor para o seu texto usando o seletor de cores ou selecione uma cor do tema.
- Cor de destaque: faça seu texto se destacar ao realçá-lo com uma cor de background.
- Borda: adicione uma borda para fazê-lo se destacar.
- Sombra: adicione um efeito de sombra sutil ou dramático para dar profundidade ao seu texto.

Uma captura de tela da edição de texto no Wixel.

Personalizar arte vetorial

Dê um toque pessoal à sua arte vetorial ao personalizar as cores e detalhes para que combinem com o seu design. A arte vetorial é uma ilustração digital (arquivo SVG) que mantém a nitidez em qualquer tamanho.

Dica:

Você encontra opções de arte vetorial na aba Gráficos no painel Elementos.