> For the complete documentation index, see [llms.txt](https://guias.mosaico.gov.pt/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guias.mosaico.gov.pt/guias-praticos/decreto-lei-n.o-49-2024-perguntas-frequentes/desenho-dos-servicos-federados/prototipos.md).

# Protótipos

## Fluxo serviço federado

### Antes de começar o serviço online

Ao escolher "realizar o serviço online" a pessoa é direcionada para as necessidades específicas e os  requisitos exigidos para a realização do serviço.

<div align="center"><figure><img src="/files/0FN9JXYVsSGek8mHvmZw" alt="Apresentação dos requisitos  para realizar o serviço" width="224"><figcaption><p>Apresentação dos requisitos <br>para realizar o serviço </p></figcaption></figure></div>

### Formulário passo a passo

O fluxo do serviço é constituído por header, hero, body e footer. No corpo é onde temos o formulário, passo a passo e os campos de preenchimento, que cumprem com um número de requisitos para estar em conformidade legal.

<figure><img src="/files/LQan94lawN7zJh22CFX4" alt="Apresentação do passo a passo sequêncial"><figcaption><p>Apresentação do passo a passo sequencial</p></figcaption></figure>

### Conclusão do serviço

Ao concluir o serviço é esperado que seja indicado à pessoa onde pode consultar as informações que aqui realizou, bem como dar a visão dos próximos passos até o serviço ficar concluído.

<figure><img src="/files/dLNkAVkqD8skvpyVh3cN" alt="Conclusão do serviço"><figcaption><p>Conclusão do serviço</p></figcaption></figure>

## Como navegar no Figma

Através da ferramenta Figma, disponibilizamos os modelos de fluxo para serviços federados com as regras e diretivas legais que devem ser cumpridas.

<figure><img src="/files/fSaHBbED4jetWPozqz98" alt="Quadro 6 disponível no Figma" width="323"><figcaption><p>Quadro 6 disponível no Figma</p></figcaption></figure>

[Aceder aos modelos Figma](https://www.figma.com/design/7afr19JOV8RKnbqrmkWQC3/ADS-%7C-06---Modelos-Servi%C3%A7os-Federados?node-id=1-6\&t=TJpWag5SVwWBFSyW-1)

* Para aceder ao ficheiro é necessário solicitar o acesso às equipas ARTE
* Ficheiro protegido por palavra-passe

<figure><img src="/files/4ihNUStNHxlJD5rtXMj0" alt="Exemplo de componente no Figma" width="375"><figcaption><p>Exemplo de componente no Figma</p></figcaption></figure>

Neste ficheiro Figma são disponibilizados os modelos agnósticos e requisitos com as regras e diretivas legais que devem ser cumpridas. Está também disponível um exemplo real de aplicação do modelo para demonstrar a aplicabilidade num fluxo de serviço federado.

No menu à esquerda pode navegar entre os exemplos disponíveis e consultar em detalhe.

* Modelos agnósticos​

<div align="center"><figure><img src="/files/Xwr17gAKsOg7rK86BNNn" alt="Modelos e requisitos no Figma" width="358"><figcaption><p>Modelos e requisitos no Figma</p></figcaption></figure></div>

* Exemplo real aplicado​

<div align="center"><figure><img src="/files/5wBhN10ye2hU8fH0IQIV" alt="Exemplo real aplicado no Figma" width="370"><figcaption><p>Exemplo real aplicado no Figma</p></figcaption></figure></div>