.. include:: /extras.rst.txt
.. highlight:: rst
.. index:: Design; Tailwind and Figma

.. _design-tailwind-figma:

==================================
Design with Tailwind css and Figma
==================================

|

`Tailwindcss, <https://tailwindcss.com/>`__ a utility first CSS framework with
classes that can be composed to build any website design directly in your markup.

|

`Figma <https://www.figma.com/>`__, a free UX design tool,  allows the entire
team to interact with the latest web design by accessing a single, live URL.


Figma helps teams create, test, and ship better website designs from start to finish.

|

Figma Tutorial
===============

|

`Figma 101 by CharliMarieTV <https://youtu.be/cCNLD5IZY34>`__

|

Tailwind Tutorials
==================

|

`Tailwind Labs Youtube channel
<https://www.youtube.com/channel/UCOe-8z68tgw9ioqVvYM4ddQ>`__

|

`Tailwind from zero to hero series
<https://www.youtube.com/playlist?list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0>`__

|

`Figma & Tailwind - Build Sign-in and Registration forms with Auto
Layout and grids <https://youtu.be/1qIKkJdR7uM>`__