> For the complete documentation index, see [llms.txt](https://info.techup.live/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://info.techup.live/resources/recommended-reading/design-thinking-user-experience-ux.md).

# Design Thinking / User Experience (UX)

<details>

<summary>Courses</summary>

* [Learn Figma](https://www.figma.com/resource-library/design-basics/)
* [Intro to UX: Fundamentals of Usability](https://skl.sh/3qeLaqz) (1hr 20min)
* [Udemy UX Design & User Experience Design Course - Theory Only](https://learncsc.udemy.com/course/how-to-change-careers-and-become-a-ux-designer/learn/lecture/5791876?start=0#overvieww) (3hr)
* [Design Systems for Developers](https://www.learnstorybook.com/design-systems-for-developers/) (9 chapters)
* [Udemy User Experience Design Essentials](https://learncsc.udemy.com/course/ui-ux-web-design-using-adobe-xd/learn/practice/1094222?start=start-page#overview) (12hr)
* [Master Digital Product Design](https://learncsc.udemy.com/course/master-digital-product-design-ux-research-ui-design/learn/lecture/16982102#overview)

</details>

<details>

<summary>Articles</summary>

* [An overview of Figma for developers](https://www.figma.com/best-practices/tips-on-developer-handoff/an-overview-of-figma-for-developers/)
* [Figma Constraints & Auto Layout for web developers](https://levelup.gitconnected.com/figma-constraints-auto-layout-for-web-developers-5625d8a7d65c)
* [A Figma publication for design systems creators, designers, developers, and managers](https://www.designsystems.com/)
* [Design Better Forms](https://medium.com/nextux/design-better-forms-96fadca0f49c)
* [Design Better Data Tables](https://medium.com/nextux/design-better-data-tables-4ecc99d23356)
* [DesignOps at Airbnb](https://airbnb.design/designops-airbnb/)
* [The Comprehensive 8pt Grid Guide](https://medium.com/swlh/the-comprehensive-8pt-grid-guide-aa16ff402179)

</details>

<details>

<summary>Videos</summary>

* [Gestalt Psychology and Why It's Essential for Good Design](https://www.youtube.com/watch?v=dk7cXdjX2Ys)
* [What is the UX design process](https://www.youtube.com/watch?v=Um3BhY0oS2c\&t=29s)
* [Bringing Simplicity to Complexity: How to Design at Scale](https://www.youtube.com/watch?v=cgKMuaW-Yw8)
* [Interface Design PRO-TIPS inside Figma](https://www.youtube.com/watch?v=JwRGM67gxs8)
* [Design Systems, when and how much?](https://youtu.be/Hx02SaL_IH0)
* [How to think like a Visual Designer](http://youtube.com/watch?v=hlI6xGfBjkQ)
* [Design Systems at Zendesk](https://www.youtube.com/watch?v=8sH5VqYqOU4)
* [Problem Solving Exercises](https://www.youtube.com/playlist?list=PLxk9zj3EDi0UQ3mq7k_-6pSoCQKS11iLd)

</details>

<details>

<summary>Books</summary>

* [Refactoring UI](https://info.techup.live/) (Adam Wathan, Steve Schoger)
* [How Customers Think](https://www.amazon.sg/How-Customers-Think-Essential-Insights/dp/1578518261) (Gerald Zaltman)
* [UX Design: The Definitive Beginner’s Guide](https://www.uxpin.com/studio/ebooks/ux-design-definitive-beginner-guide/)
* [Design Systems Handbook](https://www.designbetter.co/design-systems-handbook)
* [The Design of Everyday Things](https://www.amazon.sg/Design-Everyday-Things-Revised-Expanded/dp/0465050654)
* [Don't Make Me Think](https://www.amazon.sg/Dont-Make-Think-Revisited-Usability/dp/0321965515)

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://info.techup.live/resources/recommended-reading/design-thinking-user-experience-ux.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
