Designer to Developer: How to Go from Paper to Style Guide (and Still Remain Friends)

Even the best laid project plans can have gaps when the project shifts from ideation/design to front-end development. To smooth the journey from an idea to realization, designers and developers must work together to bridge these gaps. How can a UX designer anticipate the needs of a front-end developer? What sorts of questions should the front-end developer have for the designer? How can we bridge the gap between these two worlds in a way that is helpful to both, while keeping the client and project manager happy?

In this session, Chris and Carie will walk through the workflow of transforming an 'idea on paper' into a living style guide, how having a style guide benefits all involved in the process, from designer to client, from the beginning to the end of a project.

Session Outline
  • Building the foundation: How can we get everyone on the same page from day one?

  • Initial design phase: Effective ways to convey design ideas to clients and the best tools for the job.

  • Design handoff: The initial design is complete. So what now? What does the front-end developer need from the designer in terms of design direction, assets, documentation?

  • Component driven development: It’s all the rage, but why is the style guide development approach useful? How can it save time, increase accessibility and improve the development process while also benefiting the client?

  • Design adjustments: While the initial design phase is complete, the job of a designer is not. This might mean reviewing the style guide, answering a developer’s questions as they arise or even identifying components that were not addressed in the design phase.

Link to the slideshow

Session Track

UX/Content Strategy

Experience level


Drupal Version

Drupal 8 (current)

Session Time Slot(s)

04/26/2017 - 16:15 to 04/26/2017 - 16:45
308 - Pantheon