Tutorial Figma: Protótipo do Gerenciador de Tarefas
O Figma é uma ferramenta online usada para criar designs e protótipos de telas de aplicativos e sites. Com ele, você consegue desenhar como o app vai ficar visualmente (cores, botões, textos, ícones) e também simular a navegação, como se o aplicativo já estivesse funcionando.
Por que vamos usar o Figma neste desafio?
Como o nosso desafio é criar um Gerenciador de Tarefas em Python, o protótipo no Figma vai servir para:
Definir quais funcionalidades o programa terá
Mostrar como o usuário vai interagir com o sistema (iniciar, parar, salvar, ver histórico)
Ter um modelo visual para guiar a criação do programa depois
Ou seja: primeiro a gente “desenha e testa a ideia”, depois a gente codifica.
Passo 1 — Criar o arquivo e manter apenas 1 Page
Abra o Figma → New design file
Renomeie o arquivo: Gerenciador de Tarefas – Protótipo
No painel esquerdo, deixe só Page 1 e renomeie para: Gerenciador de Tarefas
Passo 2 — Criar o Frame padrão do celular
Pressione F (Frame)
Escolha: Phone → iPhone 13/14 (390 × 844)
Renomeie o frame para: 01 – Home (Pendentes)
Defina o fundo (Fill) como um cinza bem claro ou branco
