Visão Geral

Figma, software líder no segmento de Cursos de Design, tornou-se indispensável no cenário digital atual. Sua interface intuitiva e recursos poderosos tornam-no uma escolha ideal para designers e desenvolvedores. Como pedra angular do Curso de Design moderno e da Animação de Design Gráfico, a relevância do Figma é inegável na elaboração de designs visualmente atraentes e interativos.

Compreender o Figma é crucial para profissionais engajados em Cursos de Design de Animação, Animação e Design de Jogos e Cursos de Design Gráfico. Esse conhecimento é essencial para designers gráficos, designers UI/UX e animadores que desejam aprimorar sua criatividade digital. Masterizar o Figma capacita esses profissionais a dar vida aos seus projetos, fazendo com que seu trabalho se destaque em uma arena digital competitiva.

O Curso Figma Overview, se concentra em equipar os participantes com habilidades práticas em Figma. Através da experiência prática, os participantes aprenderão a navegar na interface do Figma, usar seus principais recursos para animação e design e aplicar essas habilidades em cenários do mundo real. Este Curso Figma Overview, é um trampolim para a proficiência em Figma para todos os aspirantes a designers e animadores.

Objetivo

Após a conclusão do Curso Figma Overview, os participantes terão um conhecimento sólido do Figma, permitindo-lhes criar designs e animações atraentes. Eles estarão equipados com as habilidades necessárias para aplicar seu aprendizado em diversos projetos, abrindo caminho para o sucesso nas áreas dinâmicas de animação e design.

• Para apresentar os aspectos fundamentais do Figma
• Demonstrar a aplicação do Figma em animação e design
• Para aprimorar habilidades na criação de designs interativos usando Figma
• Para fornecer insights sobre as últimas tendências em design digital
• Preparar delegados para Cursos Avançados de Animação e Design

Publico Alvo

Não! 

Pre-Requisitos

• Designers de UI/UX
• Web Designers e Desenvolvedores
• Designers gráficos
• Designers de produto
• Designers Visuais
• Desenvolvedores front-end
• Profissionais de experiência do usuário

Materiais

Conteúdo Programatico

Introduction to Figma

1. Get Started with Figma
2. Explore Figma Design
3. Create Shapes
4. Layer Properties
5. Copy and Duplicate Layers
6. Groups and Frames
7. Get Components
8. Use Components
9. Create a Menu Page
10. Explore Iterations
11. Share Designs for Feedback

Create Designs

1. Use Pages
2. Grids and Margins
3. Place Image and Image Fills, Corner Radius
4. Text and Styles
5. Colour Styles and Accessibility
6. Use Auto Layout
7. Create and Use Components
8. Clip Content
9. Override Properties
10. Create Icons with Vector Networks

Design Systems

1. Styles
2. Styles in Figma
3. Create Colour, Text, Effect and Layout Grid Styles
4. Manage and Share Styles
5. Components
6. Guide to Components in Figma
7. Create Components to Reuse in Designs
8. Create and Use Variants
9. Create Interactive Components with Variants
10. Explore Component Properties
11. Create and Manage Component Properties
12. Name and Organise Components
13. Prepare for Variants
14. Variables
15. Guide to Variables in Figma
16. Overview of Variables, Collections, and Modes
17. Create and Manage Variables
18. Modes for Variables
19. Apply Variables to Designs

Build Prototypes

1. Create Prototypes
2. Create Connections
3. Set Interaction
4. Choose Transition Animations
5. Share Prototypes
6. Comment on Prototypes
7. Incorporate Feedback

Prepare for Handoff

1. Custom File Thumbnails
2. Invites and Sharing Permissions
3. View Only Editor
4. Inspect Tab, Documentation, and Code
5. Set Up Exports and Exporting

Dev Mode

1. Enter Dev Mode
2. Navigate Designs
3. Inspect Designs
4. Use Dev Mode Extensions

Figma for VS Code

1. Open Figma Designs in VS Code
2. Inspect Figma Designs in VS Code
3. Auto-Complete Code Suggestions
4. View Comment Notifications
5. Log Out of Figma for VS Code

Inspect designs

1. Navigate Designs in Dev Mode
2. Code Snippets in Dev Mode
3. Compare Changes in Dev Mode
4. Link Dev Resources to Layers in Dev Mode