# How to generate design specifications ?

> Generate pixel-perfect specifications and CSS code for any component used in the wireframe. 'Specs' simplifies design...

Source: https://mockflow.com/docs/wireframepro/editor/generate-design-specifications

Generate pixel-perfect specifications and CSS code for any component used in the wireframe. 'Specs' simplifies design hand-off.

**Follow the steps below to generate design specifications automatically:**

1. Click on the 'View'** **Button.

![Navigate to view button](https://assets.mockflow.com/docs/media/8b50a4053411c6d005078b98.webp)

1. Click on the 'Specs' option in the sidebar.

1. Select a component to view the specification.

1. Specifications of the selected component are displayed here.

![Navigate to specs and click on the component to see the specs](https://assets.mockflow.com/docs/media/8dce1d1f5ea06a7450de6f26.webp)

[Video](https://www.youtube.com/embed/RbiCjRMNMlI)