Softwares e ferramentas, tais como Balsamiq, Marvel, Adobe X...

Softwares e ferramentas, tais como Balsamiq, Marvel, Adobe XD, dentre outros, podem ser usados para representar o grid projetado pelo web designer com o propósito de organizar e hierarquizar visualmente informações e elementos na tela, além de possibilitarem a representação do fluxo de navegação. Para compor um layout, o web designer deve projetar o grid por meio da composição de diversos elementos constituintes do grid. Independentemente do uso de softwares gráficos, os componentes de um grid são: