Как передать одностраничник в вёрстку через файл. Токены из стилей Figma, вариативный шрифт и прелоадер как спецификация
- Words
- 93
- Chars
- 605
- AI summary
- Yes
A designer created the design for a one-page website for a new chicken egg brand. The desktop page is long, more than 11,000 pixels, and includes a preloader, pinned scenes and animation between blocks. The mockup was delivered in two widths, 1600 and 390. Layout and development were handled by another team, while the designer’s role was design and handoff. The handoff covered five layers, including color, variable font, grid and preloader.
Я делал дизайн одностраничного сайта для новой марки куриных яиц. Страница длинная, больше одиннадцати тысяч пикселей на десктопе, с прелоадером, закреплёнными сценами и анимацией между блоками. Макет я сдавал в двух ширинах, 1600 и 390. Вёрстку и разработку вела другая команда, моя часть это дизайн и передача макета. Слоёв в передаче пять. Цвет, вариативный шрифт, сетка, прелоадер и карточка упаковки. По каждому покажу, что лежало в Figma и как я бы выгрузил это разработчику сейчас, токенами и короткими спецификациями. Код в статье мой, это пример формата передачи, а не вёрстка сайта. Читать далее
Open article