Gridpak es una aplicación web interactiva que permite generar layouts sensibles de forma simple y rápida.

Puedes configurar el ancho del grid, número de columnas, color de fondo de las columnas; y una vez que has configurado el grid, haces clic en Add break point para ver el resultado final, que también podrás descargar en un archivo comprimido que contiene lo siguiente:

• Un archivo CSS con todas las clases y propiedades que necesitas para crear el diseño sensible del grid.
• Un archivo LESS con la misma información, pero incluyendo variables, mixins y métodos para ayudarte.
• Un archivo de SCSS, como el archivo LESS, pero en SCSS.
• Una archivo PNG semitransparente para cada grid creado, esto ayudará mejor al diseño.
• Un archivo JavaScript que permite alternar una capa dentro y fuera del grid en cualquier navegador utilizando la tecla "G".

A continuación, les dejo un video demostrativo de esta interesante herramienta.

Enlace: Gridpak