I work in a design studio, and when we have a responsive project we usually start the full design for the desktop, and when we're done with the desktop, for the rest of the platforms we choose a limited number of screens that sample most of the site's content (not all screens, but enough to show how each component behaves in mobile/tablet) and let the programmer work from there.
This approach works great for low budget projects, where the client can get a fully responsive website and pay for relatively less design time.
This approach works very well when we start designing with the desktop but not to well if we want to "combine" it with the well known "mobile first" approach, since a few sample screens are not enough for the programmer to understand the general design concept when moving from mobile to desktop (when enlarging the screen)
Basically - I would like to change from "mobile first" to "mostly mobile"
Is there any technique or approach recommended?
Maybe an article on the subject?
Has anyone done something like this in a project?
My first idea was to work with the mobile design and add a grid guideline (for example if something uses 100% of the screen on mobile the guide is to convert it into 50% on the desktop) and it wasn't good enough.
The mobile-first approach is a tenet of progressive enhancement. It is the ideology that mobile design, as the hardest, should be done first. Once the mobile design questions are answered, designing for other devices will be easier.