> For the complete documentation index, see [llms.txt](https://jens-andreasson.gitbook.io/webbutveckling/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jens-andreasson.gitbook.io/webbutveckling/prototyping/figma.md).

# Figma

Digital prototyping

## Vad är Figma?

**Figma** är ett verktyg för att arbeta med design-processen, för teams. Figma kan köras i webbläsaren (molnet) eller som en applikation.

{% hint style="info" %}
Figma, introduktion, <https://youtu.be/Cx2dkpBxst8>.
{% endhint %}

## Kom igång

För att använda Figma behöver du registera ett konto.

{% hint style="info" %}
Använd ditt Google-konto för att skapa en användare på <https://www.figma.com/>.
{% endhint %}

### Gränssnitt

Förklaring.

{% hint style="info" %}
Figma, gränssnittet <https://youtu.be/DSrbwCrEIII>.
{% endhint %}

## Exempel

Hur använder en Figma då? Följande video förklarar gränssnittet och hur du arbetar med det. Följ gärna med i filmen, pausa och skapa din egen layout. Video från DesignCourse hittar du [här](https://youtu.be/3q3FV65ZrUs).&#x20;

Fler resurser hittar du här nedanför.

* [Figma Tutorials: Getting started](https://www.youtube.com/playlist?list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4)

## Övningar

* Översätt en eller flera av dina skisser till Figma.