> 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>