# Workflow 1 - Design Development

<figure><img src="https://3534440524-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fh2iY6iG5clN00jUUjwgJ%2Fuploads%2FxPYVhkwl8i7uSy3YlH4H%2FGroup%201%20(1).png?alt=media&#x26;token=c4e0e985-53c3-4707-856d-2a2303dd03de" alt=""><figcaption></figcaption></figure>

{% content-ref url="workflow-1-design-development/reference-mix" %}
[reference-mix](https://docs.styleai.io/product-docs/product-docs-en/how-to-use/workflow-1-design-development/reference-mix)
{% endcontent-ref %}

{% content-ref url="workflow-1-design-development/style-variation" %}
[style-variation](https://docs.styleai.io/product-docs/product-docs-en/how-to-use/workflow-1-design-development/style-variation)
{% endcontent-ref %}

{% content-ref url="workflow-1-design-development/real-time-trend-search" %}
[real-time-trend-search](https://docs.styleai.io/product-docs/product-docs-en/how-to-use/workflow-1-design-development/real-time-trend-search)
{% endcontent-ref %}

{% content-ref url="workflow-1-design-development/sketch-creation-editing" %}
[sketch-creation-editing](https://docs.styleai.io/product-docs/product-docs-en/how-to-use/workflow-1-design-development/sketch-creation-editing)
{% endcontent-ref %}

{% content-ref url="workflow-1-design-development/sketch-vector-conversion-adobe-illustrator" %}
[sketch-vector-conversion-adobe-illustrator](https://docs.styleai.io/product-docs/product-docs-en/how-to-use/workflow-1-design-development/sketch-vector-conversion-adobe-illustrator)
{% endcontent-ref %}