mockups.md

 | [Home](home) | [Sprints](sprints) | [Requisitos](requisitos) | [Processos](processos) | [Arquitetura](arquitetura) | [Configuração](configuracao) | [Mockups](mockups) | [Banco de Dados](database) |
 |---|---|---|---|---|---|---|---|
+
+# Mockups
+
+Esta seção apresentará os mockups desenvolvidos para o projeto.
+Os mockups foram desenvolvidos usando a ferramenta Figma, um software de design digital e prototipagem gratuito, com a possibilidade de edição de múltiplos usuários simultaneamente.
+
+Link do Figma: [link](https://www.figma.com/design/UvJ4JoP4RWaMkeGDBMfita/OMS-Treinamento-autoguiado).<br/>
+Caso o link saia do ar, o artefato ainda pode ser acessado no arquivo .zip que foi exportado [aqui](uploads/261b5f58f4e6ad994ac2a6c047a3e69a/OMS-Treinamento_autoguiado.zip).
+
+# Tela de login
+
+### Desktop
+
+![LOGIN_DESKTOP](uploads/6612a95084f499cc5d2d404fd3317692/Desktop_-_Login.png)
+
+### Mobile
+
+![LOGIN_MOBILE](uploads/bf279372c20e03521e71942d175882ad/Mobile_-_Login.png)
+
+# Home
+
+### Desktop
+
+![HOME_DESKTOP](uploads/dfde43781bf18df752c44e1173892c68/Desktop_-_Home.png)
+
+### Mobile
+
+![HOME_MOBILE](uploads/93933844c8d28e2d6ab7b2354026e500/Começar.png)
+
+# Lista das etapas da habilidade
+
+### Desktop
+
+![ETAPAS_HAB_DESKTOP](uploads/36551397876daac03a376005144b75c8/Desktop_-_Home__1_.png)
+
+### Mobile
+
+![ETAPAS_HAB_MOBILE](uploads/59ff7a1431c945daebc2c3c3e1c4d336/Inicio_Sessão.png)
+
+# Visualização da etapa
+
+### Desktop
+
+![ETAPA_VIEW_DESKTOP](uploads/1495e31ac0d2da0b73bbf5da51cc4c07/Desktop_-_Home__2_.png)
+
+### Mobile
+
+![ETAPA_VIEW_MOBILE](uploads/00d982155a6cb6c65e9e3f386328f4ec/Inicio_Sessão__1_.png)
+
+# Design System
+
+![DESIGN_SYSTEM](uploads/ea397e672d09fe3ed5383686ad8198ca/Design_System.png)
+