# Дизайн мобильного приложения (F7cloud)

Папка для макетов из Figma и материалов для вёрстки APK.  
Файлы лежат в репозитории — не нужно прикладывать их в чат.

**Figma:** [Forbion — облачное рабочее место](https://www.figma.com/design/ocVUCYCrfFUoqYYvlcLPBF/Forbion-%D0%BE%D0%B1%D0%BB%D0%B0%D1%87%D0%BD%D0%BE%D0%B5-%D1%80%D0%B0%D0%B1%D0%BE%D1%87%D0%B5%D0%B5-%D0%BC%D0%B5%D1%81%D1%82%D0%BE?node-id=1-90)

## Структура

| Папка | Что класть | Формат |
|-------|------------|--------|
| `screens/` | Целые экраны (фреймы Mobile) | PNG @2x |
| `icons/` | Иконки, которые нет на сервере | SVG (лучше) или PNG @2x/@3x |
| `tokens/` | Цвета, шрифты, радиусы, отступы | `.txt`, `.json` или скрин |
| `references/` | Ссылки на фреймы, PDF, заметки | `.md`, `.pdf` |

## Именование файлов

Используйте латиницу и дефисы, например:

```
screens/menu.png
screens/mail-list.png
screens/mail-detail.png
screens/files-list.png
icons/bottom-bar-chats.svg
tokens/colors.txt
tokens/typography.txt
references/figma-links.md
```

## Экспорт из Figma (кратко)

1. Выделить **Frame** мобильного экрана (не группу внутри).
2. Справа **Export** → **+** → **PNG** → **2x** → **Export**.
3. Сохранить в нужную подпапку.

Иконки: выделить слой → Export → **SVG**.

## Токены (пример `tokens/colors.txt`)

```
Primary:       #70B62B
Background:    #FBFBFB
Surface:       #FFFFFF
Text primary:  #151515
Text secondary:#808080
Border:        #E6E6E6
```

## Ссылки на фреймы

Добавляйте в `references/figma-links.md` — **Copy link to selection** в Figma.

## Приоритет экранов (редактируйте по мере работы)

- [ ] Меню приложений
- [ ] Почта — список
- [ ] Почта — просмотр письма
- [ ] Файлы
- [ ] Нижняя панель (bottom bar)
- [ ] Вход / логин

## Код

Реализация в коде: `core/designsystem/`, экраны — `feature/*/`.