Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info

Purpose of the design document

The design document (file in Figma) serves as a blueprint that details the visual and interactive aspects of the product. The design ensures that all design assets, decisions, and flows are clearly structured for a smooth handoff to engineering, and that any stakeholder can quickly understand and navigate the file.

It provides crystal clear design specifications, including all aspects of how the product should look and behave. This includes all happy and unhappy paths across different platforms and screen resolutions.

Design documentation template

Guidelines for creating the design document

Key principles

  • Consistency: design files must adhere to a standard structure so that engineers, designers, and other team members can easily navigate the document.

  • Clarity: all design decisions should be well-documented and components should be labeled according to our naming conventions.

  • Completeness: every design handoff should include all necessary assets and specifications, ensuring nothing is missed in the transition to development.

Align with user stories and acceptance criteria

...