Ответы пользователя по тегу Figma
  • Как считать параметры текста в Figma?

    DimaShved
    @DimaShved
    Web designer
    Я так понимаю у вас ограничены доступы, а именно доступ для верстки. С такими правами вы можете выделить любой слой и посмотреть его свойства необходимые для верстки.
    Есть несколько решений этой проблемы, скорее всего вам подойдет 3 вариант.

    1. Научить дизайнера работать в программе. А именно, в данном случае пункт меню это компонент и считается грубой ошибкой создавать подобное меню в одном текстовом поле. По хорошему этот компонент необходимо отдельно сделать во всех необходимых состояниях, тогда вы (как верстальщик), без проблем сможете посмотреть любой стиль в конкретном состоянии элемента.

    2. Попробовать поработать с Zeplin или Avacode, но для этого дизайнер должен сделать интеграцию. Сами вы не сможете сделать, так как права ограничены.

    3. Ну и самый простой вариант это создать копию файла. Макет вам предоставили (скорее всего) в виде ссылки и он привязан к другому аккаунту и в данном случае у вас нет прав для его изменения. Чтобы полноценно работать с дизайном, а так же изменять макет вам необходимо стать администратором. Для этого вы можете просто дублировать файл. В таком случае у вас будет копия дизайна со всеми правами и вы будите администратором. Но в таком случае он будет на вашем аккаунте и связь само собой , все изменения сделанные дизайнером в будущем вы сможете отследить по ссылке которую он вам ранее предоставлял.

    Дубликат делается быстро и просто...
    5dd63071226d3646920475.png
    Появится внизу
    5dd630a09f352401638218.png
    Ответ написан
    Комментировать
  • Как сжать изображение в Figma?

    DimaShved
    @DimaShved
    Web designer
    Уменьшить изображение до необходимого размера и скопировать как PNG. Правой кнопкой по изображению, в меню выбираем "Copy/Paste", затем "Copy as PNG". Вставляем в нужное нам место и весомую фотку удаляем. Если фотку нужно сжать с учетом Retina, то не сложно догадаться, что фотку нужно уменьшить до необходимого размера с учетом множителя Retina.
    Ответ написан
    Комментировать
  • Как сделать в Figma компонент вот таких заголовков?

    DimaShved
    @DimaShved
    Web designer
    Пока что есть только один способ, он костыльный, но он есть. Я его увидел у Google в исходниках. Он применялся не для заголовков, а для label которые заходили на рамку поля в состоянии focus. Как на рисунке.
    5da5a223b28cc764232357.png

    Вот наглядная реализация, в вашем варианте.
    5da5a259b0998748322630.png
    5da5a2c6e681b707420521.png

    Весь фокус в слое Fill, он текстовой добавляя букву l например мы увеличиваем длину слоя которая перекрывает линию (слой border).

    Естественно убираем расстояние между буквами, до тех пор пока не исчезнит пробел.
    5da5a37e56403164779825.png

    Из плюсов это то что это можно реализовать.

    Из минусов, необходим каждый раз подставлять символы и цвет букв l каждый раз нужно менять если изменился фон.

    Из хороших новостей, скоро будет обновление которое даст возможность объектам взаимодействовать в компоненте. В вашем случае черточки будут сами раздвигаться как и компонент в зависимости от текста.
    Пост в ВК
    Ответ написан
    Комментировать