Grid é o esqueleto por trás de uma interface organizada. Ele divide a tela em colunas, linhas e gutters, e dá um quadro consistente pra você decidir onde cada elemento vai e como eles se relacionam no espaço.
O grid não dita a aparência, e sim a lógica que mantém tudo alinhado e coerente, mesmo quando os tipos de conteúdo são bem diferentes entre si. O grid de 12 colunas virou padrão justamente porque divide bem em metades, terços e quartos.
O valor dele está na previsibilidade e na colaboração. Quem usa o produto aprende sem perceber onde achar as coisas, e designer e dev passam a falar a mesma língua de espaço, então o que foi desenhado vira código com menos achismo no meio. Ele é também a base do responsivo, porque define como as colunas se comportam em cada breakpoint.