Files
f7cloud_mobile/design/README.md
F7cloud Mobile fd17df80a8 Initial import of f7cloud-mobile native Android app.
Kotlin/Compose client for F7cloud (mail, files, talk, calendar, contacts, tasks, support).
Current version: 0.5.113 (build 121).
2026-07-07 12:05:18 +03:00

2.3 KiB

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

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

Figma: Forbion — облачное рабочее место

Структура

Папка Что класть Формат
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+PNG2xExport.
  3. Сохранить в нужную подпапку.

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

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

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

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

Добавляйте в references/figma-links.mdCopy link to selection в Figma.

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

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

Код

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