• Figma и типографика?

    dom1n1k
    @dom1n1k
    В отличие от CSS, Фигма считает процентную line-height не от кегля (font-size), а от высоты строки по умолчанию, которая прописана внутри шрифта. Например: если у моего шрифта высота строки по умолчанию 120%, а в Фигме я укажу 140%, то по факту получится 120*140=168% от font-size.

    Никакого стандарта на счет умолчального line-height нет. Обычно это 120-130%, но далеко не всегда. Исключений довольно много, отcюда будет постоянный бардак. Решение разработчиков Фигмы откровенно странное и неудачное.

    Решение: забыть о процентах, указывать line-height только в пикселях (именно в Фигме, о CSS разговор отдельный).
    Ответ написан
    1 комментарий
  • Figma и типографика?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    По-моему гораздо проще, эдак раз в миллион, указывать междустрочный интервал в пикселях, а не процентах. Так и вписываешь в поле: 40 рх например. И настрой горизонтальные линейки, а потом подвинь текстбокс так, чтобы базовая линия покоилась на линейке (не забывая про правильный интерлиньяж, кратный размеру линеек). И всё. Проблемы вообще нету.
    Ответ написан
    Комментировать
  • Вертикальный ритм в Adobe XD?

    @deersign
    Менеджер проектов, UX/UI-дизайнер
    В XD выдели весь Artboard и справа найдешь «Grid», там 2 варианта, layout - это настройка стандартной модульной сетки, square - квадратная сетка, для выравнивания.
    С фотошопа лучше слазить и использовать его по назначению - обработка фото. Если не понравился XD, есть Figma. Обе программы быстрые, заточены под разработку как прототипов, так и дизайнов/интерфейсов.
    Ответ написан
    Комментировать
  • Вертикальный ритм в Adobe XD?

    @agent_tremolo
    UX/UI дизайнер
    Есть вариант перейти на Figma. Есть браузерная и десктопная версия, для вертикального ритма там можно использовать или линейки как в фотошопе либо настроить для фрейма сетки или колонки. И главное - бесплатно (во всяком случае я не нашел еще повода даже изучить вопрос покупки платной версии).
    Ответ написан
    5 комментариев