Introdução ao Figma
Por Arturo Servín , Web designer
Aprenda do zero a ferramenta mais eficiente no design de protótipos e descubra um mundo de possibilidades para o desenvolvimento web
Aprenda do zero a ferramenta mais eficiente no design de protótipos e descubra um mundo de possibilidades para o desenvolvimento web
Domestika Basics · 6 cursos incluídos
-
Curso 1: Conceitos básicos do Figma
Por Arturo Servín
Descubra a interface e conheça as principais funcionalidades do programa
-
Curso 2: Aplicação de textos e cores
Por Arturo Servín
Aprenda a inserir, editar texto e criar bibliotecas de cores para reutilizá-los em seus sistemas de design
-
Curso 3: Elementos de design
Por Arturo Servín
Inclua imagens em seu documento e use as ferramentas de layout para criar cards de informações
-
Curso 4: Componentes: usos e vantagens
Por Arturo Servín
Aprenda a construir um sistema simples de master components, boolianos e variáveis
-
Curso 5: Sistemas de design
Por Arturo Servín
Descubra a importância dos sistemas de design no processo de construção de um protótipo
-
Curso 6: Construção de um protótipo
Por Arturo Servín
Aprenda a vincular diferentes telas e adicionar interações e animações ao seu protótipo
Os sites e aplicativos móveis tornaram-se o espaço perfeito para as marcas alcançarem seus clientes. Segundo o web designer Arturo Servín, mais conhecido como Monky, o Figma é a ferramenta mais eficiente para projetar protótipos de interfaces gráficas. Descubra como trabalhar sem restrições técnicas e com toda a liberdade criativa para levar seu desenvolvimento web a outro patamar.
Neste Domestika Basics de 6 cursos, você aprenderá a usar o Figma do zero. Você também poderá se aprofundar nas técnicas e métodos de Arturo em seus cursos anteriores: Web design responsivo com o Adobe Muse, Adobe Photoshop para design web, Introdução ao Adobe XD para aplicativos móveis e Web design responsivo com Adobe Dreamweaver.
No primeiro curso deste Domestika Basics, seu professor apresentará a interface do Figma, os plugins e ferramentas principais, como camadas e formas. Você também praticará a criação de ícones.
Em seguida, você descobrirá como inserir e editar textos. Para aprimorar e dar personalidade aos seus projetos futuros, você explorará cores e efeitos visuais.
As imagens serão o assunto principal do terceiro curso: Arturo mostrará como aplicá-las, usar máscaras e grades de layout. Logo, você aprenderá a criar cards básicos e avançados com informações.
No quarto curso, você terá a oportunidade de construir, editar e ativar vários componentes, entre eles, os master components, boolianos e variáveis.
No próximo curso, você aprenderá a importância dos sistemas de design. Arturo explicará, passo a passo, como estabelecer um guia de estilo tipográfico e de cores, e como implementar uma biblioteca de componentes.
No sexto e último curso, você aprenderá o que é um protótipo e como criá-lo através de interações e animações. Para finalizar, Arturo explicará como realizar um projeto em colaboração com sua equipe e clientes.
Requisitos técnicos
⦁ Um computador com sistema operacional Windows 8.1 ou superior, ou macOS Sierra ou superior.
⦁ Navegador Chrome 64 ou superior, Firefox 78 ou superior, Safari 11.1 ou superior.
⦁ Placa de vídeo com 1 GB (ou mais) de memória GPU.
⦁ Ao menos 4 GB de memória RAM.
⦁ Uma conta no Figma: você pode usar a versão gratuita online ou baixar e instalar a versão para desktop.
⦁ Conexão à internet com velocidade mínima de 20 MB.
- 98% avaliações positivas (292)
- 12,239 alunos
- 53 aulas (6h 53m)
- 6 cursos
- 27 downloads (13 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Espanhol, Inglês
- Espanhol · Inglês · Português · Alemão · Francês · Italiano · Polonês · Holandês
- Nível: Iniciante
- Acesso ilimitado para sempre
Software recomendado para este curso
FigmaAvaliações
Arturo Servín
Por Arturo Servín
Arturo Servín é um designer gráfico especializado em web design e é designer web de um! Design, além de Community Professional para Adobe Systems por dois anos, e professor em diferentes universidades no México, incluindo Miami Ad School Mexico City. Professor convidado de diferentes instituições educacionais, como a Universidad Iberoamericana, Universidad Anáhuac campus Cancún, Tecnológico de Monterrey, Universidad de las Américas em Puebla, Universidad Autónoma de Guadalajara, entre outros. Fundador do seu próprio estudo centrou-se na de comércio eletrônico , web design e marca.
Conteúdo
Curso 1: Conceitos básicos do Figma
-
U1
Receber
-
Receber
-
-
U2
Introdução ao figma
-
Introdução ao figma
-
-
U3
Conheça a interface do Figma
-
Conheça a interface do Figma
-
-
U4
Instalar plugin
-
Instalar plugin
-
-
U5
As mesas de trabalho
-
As mesas de trabalho
-
-
U6
Uso de camadas
-
Uso de camadas
-
-
U7
Use as formas básicas
-
Use as formas básicas
-
-
U8
Alinhar e distribuir elementos
-
Alinhar e distribuir elementos
-
-
U9
Editar e combinar formas
-
Editar e combinar formas
-
-
U10
Prática: crie ícones simples
-
Prática: crie ícones simples
-
Curso 2: Aplicação de textos e cores
-
U1
Criar e editar conteúdo textual
-
Criar e editar conteúdo textual
-
-
U2
Estilos de texto
-
Estilos de texto
-
-
U3
Use e edite cores
-
Use e edite cores
-
-
U4
Estilos de cores: Preenchimento
-
Estilos de cores: Preencher
-
-
U5
Estilos de cores: Traçado
-
Estilos de cores: Traçado
-
-
U6
Efeitos visuais
-
Efeitos visuais
-
-
U7
Praticar: Criar Estilos
-
Praticar: Criar Estilos
-
Curso 3: Elementos de design
-
U1
Trabalhar com imagens
-
Trabalhar com imagens
-
-
U2
Usar máscaras
-
Usar máscaras
-
-
U3
As grades de layout
-
As grades de layout
-
-
U4
Crie um cartão básico
-
Crie um cartão básico
-
-
U5
Plugins de composição de elementos
-
Plugins de composição de elementos
-
-
U6
Criar um cartão avançado
-
Criar um cartão avançado
-
-
U7
Prática: cartão de usuário
-
Prática: cartão de usuário
-
Curso 4: Componentes: usos e vantagens
-
U1
Os componentes
-
Os componentes
-
-
U2
Criar um componente
-
Criar um componente
-
-
U3
Crie vários componentes
-
Crie vários componentes
-
-
U4
Os componentes principais
-
Os componentes principais
-
-
U5
Componentes booleanos
-
Componentes booleanos
-
-
U6
Componentes variáveis
-
Componentes variáveis
-
-
U7
Praticar: sistema de componentes
-
Praticar: sistema de componentes 1
-
Praticar: sistema de componentes 2
-
Praticar: sistema de 3 componentes
-
Curso 5: Sistemas de design
-
U1
Sistemas de design
-
Sistemas de design
-
-
U2
Exemplos de sistemas de design
-
Exemplos de sistemas de design
-
-
U3
Elementos básicos de um sistema de design
-
Elementos básicos de um sistema de design
-
-
U4
Definir guia de estilo tipográfico
-
Definir guia de estilo tipográfico
-
-
U5
Defina o guia de cores
-
Defina o guia de cores
-
-
U6
Criar uma biblioteca de componentes
-
Criar uma biblioteca de componentes
-
-
U7
Prática: sistema de design
-
Prática: sistema de design 1
-
Prática: sistema de design 2
-
Curso 6: Construção de um protótipo
-
U1
Descrição do protótipo
-
Descrição do protótipo
-
-
U2
Ferramentas de prototipagem no Figma
-
Ferramentas de prototipagem no Figma
-
-
U3
Deslocamentos verticais e horizontais
-
Deslocamentos verticais e horizontais
-
-
U4
Protótipo
-
Protótipo
-
-
U5
Empregar interações
-
Empregar interações
-
-
U6
Use animações inteligentes
-
Use animações inteligentes
-
-
U7
Faça um projeto colaborativo
-
Faça um projeto colaborativo
-
-
U8
Praticar: construir um protótipo
-
Praticar: construir um protótipo 1
-
Praticar: construir um protótipo 2
-
Praticar: construir um protótipo 3
-
Praticar: construir um protótipo 4
-
Praticar: construir um protótipo 5
-
Sobre o Domestika Basics
Domestika Basics é uma série de cursos focados em ensinar o software mais usado por profissionais criativos em todo o mundo.
O conteúdo foi meticulosamente selecionado e é destinado tanto a alunos que estão entrando em um novo campo criativo quanto a profissionais mais experientes que queiram aprimorar suas habilidades.
Aprenda com os melhores professores da Domestika por meio de aulas práticas, toneladas de recursos e uma dificuldade progressiva que permitirá que você veja os resultados desde o primeiro dia.
O Domestika Basics permitirá que você intensifique seu jogo profissional e esteja preparado para pontuar projetos melhores.
-
Sem conhecimentos prévios.
No Domestika Basics você tem tudo o que precisa para começar a estudar uma disciplina e se tornar um especialista.
-
Focados na ferramenta.
Descubra quais são os fundamentos, as técnicas e os métodos necessários para dominá-la.
-
Aprenda rapidamente
Com uma abordagem direta e passo a passo, nossos excelentes profissionais ensinarão como aproveitar o programa ao máximo.
-
Certificados Plus
Se você for um membro Plus, obtenha um certificado personalizado assinado pelo seu professor para cada curso que concluir. Compartilhe-o em seu portfólio, mídia social ou onde quiser.
Figma
ju_trindade
Muito bom!
arciniegas522
Para dar tus primeros pasos en Figma este curso es el ideal, te explica detalladamente cada icono de su interfaz, y te va guiando siendo muy especifico para que comiences a hacer diseños .
Ver tradução
Ocultar tradução
mariarami87
Muy buen curso para iniciarse en el programa
Ver tradução
Ocultar tradução
mindyourownbusiness
Introducción básica a Figma. Hay algunas funcionalidades que luego, en el programa, no van bien.
Ver tradução
Ocultar tradução
ruthix1978
El curso es genial... explicaciones claras... el profe lo explica todo genial.
Muy contenta de momento!!
Ver tradução
Ocultar tradução