Pular para o conteúdo

Desenhos com TikZ

Dentro de um tikzpicture, escreva comandos de caminho como \draw (0,0) -- (2,1);, \draw (1,1) circle (0.5); ou \fill[blue] (0,0) rectangle (1,1);, cada um terminando com ponto e vírgula.

Linhas e coordenadas

Carregue o TikZ com \usepackage{tikz}. Um desenho fica dentro de um tikzpicture. \draw traça um caminho, e -- liga pontos com linhas retas. Coordenadas simples como (2,1) são em centímetros.

Uma linha poligonal, um triângulo fechado e uma grade

LaTeXPreâmbulo: \usepackage{tikz}Abrir no editor (abre em uma nova aba)
\begin{tikzpicture}
  \draw[help lines] (0,0) grid (5,3);
  \draw[thick] (0,0) -- (1,2) -- (2,1) -- (3,2.5);
  \draw[blue, fill=blue!15] (3.5,0.5) -- (5,0.5) -- (4.25,2) -- cycle;
\end{tikzpicture}

-- cycle fecha o caminho de volta ao ponto de partida, para que um preenchimento tenha um canto limpo.

Formas

CaminhoDesenha
(0,0) rectangle (2,1)um retângulo de um canto ao outro
(1,1) circle (0.5) ou circle[radius=0.5]um círculo em volta de um centro
(1,1) ellipse (1 and 0.5)uma elipse com dois raios
(1,0) arc (0:90:1) ou arc[start angle=0, end angle=90, radius=1]um arco a partir do ponto atual
(0,0) grid (3,2)linhas de grade a 1 cm uma da outra (step=0.5 para outros espaçamentos)
(0,0) .. controls (1,1) and (2,1) .. (3,0)uma curva de Bézier
(0,0) to[out=90, in=180] (2,2)uma curva que sai e chega em determinados ângulos

Retângulo, círculo, elipse, arco e curvas

LaTeXPreâmbulo: \usepackage{tikz}Abrir no editor (abre em uma nova aba)
\begin{tikzpicture}
  \draw[rounded corners, fill=yellow!30] (0,0) rectangle (2,1.2);
  \draw[red, fill=red!20] (3,0.6) circle (0.6);
  \draw[teal, thick] (5,0.6) ellipse (0.9 and 0.5);
  \draw[->, thick] (7.2,0) arc (0:90:1);
  \draw[purple, thick] (0,-1.5) .. controls (1,0) and (2,-3) .. (3,-1.5);
  \draw[orange, thick] (4,-2) to[out=90, in=180] (6,-1);
\end{tikzpicture}

Cores, espessuras de linha e tracejados

As opções entre colchetes definem o estilo do caminho. Um nome de cor sozinho define o traço; fill= preenche a forma, e \fill preenche sem traço. \filldraw faz as duas coisas.

Espessuras de linha, padrões de traço, cores e opacidade

LaTeXPreâmbulo: \usepackage{tikz}Abrir no editor (abre em uma nova aba)
\begin{tikzpicture}
  \draw[ultra thin]  (0,2) -- (3,2);
  \draw[thick]       (0,1.6) -- (3,1.6);
  \draw[line width=3pt, blue!60] (0,1.2) -- (3,1.2);
  \draw[dashed]      (0,0.8) -- (3,0.8);
  \draw[dotted, thick] (0,0.4) -- (3,0.4);
  \draw[dash pattern=on 6pt off 2pt on 1pt off 2pt] (0,0) -- (3,0);
  \fill[green!50!black] (4,1) circle (0.5);
  \filldraw[fill=orange, draw=black, opacity=0.6] (4.5,0.6) rectangle (5.5,1.6);
  \draw[<->, red, thick] (4,-0.2) -- (6,-0.2);
\end{tikzpicture}

As cores podem ser qualquer nome do xcolor (red, teal, violet ...), uma mistura como blue!30!white, ou uma cor que você define com \definecolor{mine}{HTML}{0072B2}.

Degradês

\shade preenche uma forma com um degradê de cores: left color e right color (ou top color e bottom color) para um linear, inner color e outer color para um radial, e ball color para uma esfera iluminada.

Degradê linear, radial e de esfera

LaTeXPreâmbulo: \usepackage{tikz}Abrir no editor (abre em uma nova aba)
\begin{tikzpicture}
  \shade[left color=blue!60, right color=white] (0,0) rectangle (2.5,1);
  \shade[top color=orange, bottom color=yellow] (3,0) rectangle (4,1);
  \shade[inner color=white, outer color=teal] (5.2,0.5) circle (0.5);
  \shade[ball color=red] (6.7,0.5) circle (0.5);
\end{tikzpicture}

Repetindo com foreach

\foreach repete um comando para cada valor de uma lista. {0,1,...,5} preenche os passos intermediários. A variável do laço pode ser usada em coordenadas, cores e texto.

Círculos e rótulos a partir de um laço

LaTeXPreâmbulo: \usepackage{tikz}Abrir no editor (abre em uma nova aba)
\begin{tikzpicture}
  \foreach \i in {0,1,...,5} {
    \draw[fill=blue!\i0] (1.2*\i,0) circle (0.45);
    \node at (1.2*\i,-0.8) {$\i$};
  }
  \foreach \a in {0,45,...,315}
    \draw[->] (9,0) -- ++(\a:0.9);
\end{tikzpicture}

(\a:0.9) é uma coordenada polar: ângulo e distância. ++ torna uma coordenada relativa ao ponto anterior.

Scopes e transformações

Um scope aplica opções a tudo o que está dentro dele: cores, estilos de linha e transformações como shift, rotate, scale, xscale e yscale.

O mesmo quadrado, deslocado, girado e redimensionado

LaTeXPreâmbulo: \usepackage{tikz}Abrir no editor (abre em uma nova aba)
\begin{tikzpicture}
  \draw (0,0) rectangle (1,1);
  \begin{scope}[shift={(2,0)}, rotate=30, red]
    \draw (0,0) rectangle (1,1);
  \end{scope}
  \begin{scope}[shift={(4,0)}, scale=0.5, blue, thick]
    \draw (0,0) rectangle (1,1);
  \end{scope}
  \begin{scope}[shift={(5.5,0)}, xscale=2, dashed]
    \draw (0,0) rectangle (1,1);
  \end{scope}
\end{tikzpicture}

Um desenho pequeno no meio do texto

\tikz desenha uma figura pequena dentro de um parágrafo, como um ponto colorido ao lado de uma palavra. Escreva o caminho logo depois, terminando com ponto e vírgula.

\tikz dentro de uma frase

LaTeXPreâmbulo: \usepackage{tikz}Abrir no editor (abre em uma nova aba)
Status: \tikz \fill[green!60!black] (0,0) circle (3pt); running,
\tikz \fill[red] (0,0) circle (3pt); stopped.

O que muda em relação a uma instalação do TeX

O manual do TikZ faz parte do PGF no CTAN: ctan.org/pkg/pgf. Para gráficos com eixos, use o pgfplots.

Perguntas e respostas

Como desenho um círculo em LaTeX?

Carregue o TikZ e escreva \begin{tikzpicture} \draw (0,0) circle (1); \end{tikzpicture}. O valor entre parênteses é o raio em centímetros.

Que unidade as coordenadas do TikZ usam?

Números simples são centímetros. Você também pode escrever unidades, por exemplo (2pt,1mm) ou (1in,0).

Como preencho uma forma com cor?

Use \fill[blue] ...; para um preenchimento sem contorno, ou \draw[fill=blue!20] ...; para os dois.

Cada exemplo desta página é composto pelo Scissor LaTeX quando o site é gerado. Última atualização: 2026-11-07.