Serviços e a aplicação do Ágora Design System
Regras a seguir
Usar os protótipos disponíveis: seguir o template disponibilizado na aplicação Figma e cumprir todos os requisitos indicados;
Um design system, uma cor primária: os componentes das fundações não podem ser alterados, tais como cores, tipografia, componentes ou semântica;
Tecnologia ReactJS e NextJS: o Ágora Design System (ADS) é compatível com tecnologias de ReactJS e Next.js, mas é expectável que possa ser integrada com outras frameworks de React. Caso seja utilizada outra tecnologia é necessário cumprir com os mesmo requisitos e parâmetros do sistema;
Ferramentas de trabalho: as equipas técnicas de design têm de solicitar o acesso ao Figma e seguir as orientações para o desenho dos fluxos e aplicação do sistema. As equipas técnicas de desenvolvimento que utilizem a tecnologia de ReactJS têm um canal com os developers do sistema para reportar melhorias e erros;
Trabalho orientado e aprovado: as equipas responsáveis pelo desenho e desenvolvimento dos fluxos de serviços federados, ou de aplicação do sistema a outras plataformas, devem estar alinhadas com a equipa ADS para garantir a coerência e correta aplicação das soluções disponíveis.
Ferramentas úteis
Para designers e developers.
Biblioteca de design e ponto de contacto entre equipas.
As equipas terão de solicitar o acesso, devido à biblioteca não ser pública. É necessário enviar um pedido por email para [email protected], indicando o nome da entidade e âmbito onde pretende implementar o Ágora Design System.
A biblioteca disponibiliza 6 quadros.
Possibilidade de incorporar outras marcas ou identidades visuais através da variável de cor primária e secundária.
Plataforma de documentação de todas as peças que constituem o design system.
Compila as bibliotecas de design e desenvolvimento.
Contém os fundamentos e pilares do sistema.
Contém as regras e diretrizes de utilização, bem como boas práticas de acessibilidade, usabilidade e conteúdos.
Para developers.
Biblioteca de desenvolvimento em ReactJS.
Propriedades individuais por componente.
Acesso às releases.
Plataforma pública com toda a informação sobre os componentes e instalação da biblioteca.
Conteúdo:
@ama-pt/agora-design-system
Principais tecnologias:
ReactJS: https://reactjs.org/
Next.js: https://nextjs.org/
TailwindCss: https://tailwindcss.com/docs/installation
Last updated