Serviços e a aplicação do Ágora Design System
Last updated
Last updated
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.
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
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