design_mockups.md

 | [Home](home) | [Escopo](escopo) | [Arquitetura](arquitetura) | [Configuração](configuracao) | [**Mockups**](design_mockups) | [BD](banco_dados) | [Instalação](utilizacao) | [Gerência](gerencia) | [Qualidade](qualidade) | [Processo](processo)
 | :----------: | :-----------: | :---------: | :---------: | :------------: | :---------: | :------: | :--------: | :------: | :------:
 
-# Design do Sistema
-
+# Mockups
 ## Descrição
 
 Esta seção apresentará todos os dados do Design do Sistema, sejam eles escolhas do time ou solicitações dos Stakeholders.
@@ -10,16 +9,59 @@ Esta seção apresentará todos os dados do Design do Sistema, sejam eles escolh
 ## Sumário
 
 - [Design do Sistema](#design-do-sistema)
+  - [Figma (alta fidelidade)](#Figma (alta fidelidade))
+    - [Protótipo de uso do app](##Protótipo de uso do app)
+    - [Arquivos dos mockups](##Arquivos dos mockups)
+    - [Design System](##Design System)
   - [Descrição](#descrição)
   - [Sumário](#sumário)
-  - [Protótipos de Baixo Nível](#protótipos-de-baixo-nível)
-  - [Protótipos de Alto Nível](#protótipos-de-alto-nível)
-  - [Cores](#cores)
+    - [Cores](#cores)
+    - [Protótipos de Baixo Nível](#protótipos-de-baixo-nível)
+    - [Protótipos de Alto Nível](#protótipos-de-alto-nível)
   - [Tipografia](#tipografia)
   - [Elementos Visuais](#elementos-visuais)
 
 
-## Protótipos de Alto Nível
+# Figma (alta fidelidade)
+Os mockups de alta fidelidade foram construídos usando o [Figma](https://www.figma.com/), uma ferramenta gratuita com suporte a colaboração em tempo real e criação de protótipos navegáveis.
+
+A versão mais atualizada dos mockups [pode ser encontrada no Figma do projeto](https://www.figma.com/file/eNtndfCzMGaczdtdyq98gF/Educa-Mais-Mocks-(Copy)?node-id=0%3A1).
+
+## Protótipo de uso do app
+Fluxos de usuário comum e administrador:
+(insert gif's here)
+
+## Arquivos dos mockups
+- [PDF com telas do fluxo de usuário comum](https://tools.ages.pucrs.br/educa-mais/educa-mais-wiki/blob/master/MocksUser/Client.zip).
+- [ZIP com telas do fluxo de administrador](https://tools.ages.pucrs.br/educa-mais/educa-mais-wiki/blob/master/MocksAdm/Admin.zip).
+
+## Design System
+<img src="http://tools.ages.pucrs.br/educa-mais/educa-mais-wiki/raw/master/MocksUser/Palletes.png" width="50%" height="50%">
+
+# Ajustes sugeridos e realizados
+**Legenda:**
+* :hourglass_flowing_sand: : em análise;
+* :ballot_box_with_check: : aprovado, aguardando atualização nos mockups;
+* :white_check_mark: : aprovado e mockups atualizados;
+* :x: : negado/rejeitado, mockups não serão modificados.
+
+## **Pela stakeholder, durante a review**
+
+| Tela/Fluxo | Descrição | Status |
+| ------ | ------ | ------ |
+| cell | cell | cell |
+| cell | cell |  cell |
+
+## **Pelo cliente, após a review**
+
+| Tela/Fluxo | Descrição | Status |
+| ------ | ------ | ------ |
+| cell | cell | cell |
+| cell | cell |  cell |
+
+
+
+## Protótipos de Alto Nível 
 
 ### Login
 <img src="https://tools.ages.pucrs.br/educa-mais/educa-mais-wiki/raw/master/LoginCadastra/Login.jpg" width="500">