Skip to main content
Feedlike
Jan 14, 2021 8:05 PM UTC
Question

Добро пожаловать на форум (RU)

Всех приветствую! Открываем топик для общения на русском языке. Пишите свои вопросы, пожелания, идеи.

Официальное сообщество в России Figma Moscow
Телеграм канал с анонсом всех новостей

Мероприятия, которые будут по Figma, параллельно официальному сообществу буду анонсировать тут: Мероприятия по теме Figma (RU)

    This topic has been closed for replies.

    513 replies

    Ilay_Zen
    Feb 17, 2021 11:59 AM UTC

    Добрый день.
    Пользуюсь Figma недавно
    Помогите пожалуйста разобраться с небольшой проблемой при работе с группировкой, раз группировкой всех элементов во Frame или отдельной каждой группы.
    Создал таблицу, с текстами, линиями, иконками. Захотелось перетащить всю группу разом, далее сгруппировал кнопкой компоненты - Craete component (или ctrl + alt+ K), после чего стал вносить изменения, и после определенного объема работы, понял, что прежде чем вносить изменения в таблицу нужно было разгруппировать. Сейчас у меня сгруппированная таблица с внесенными изменениями, которые не хотелось бы вносить с самого начала, а разгруппировать компоненты не получается.

    1. Как разгруппировать компонент ?

    Кроме этого такая же ситуация с группировкой элементов в группах - как сгруппировать знаю ctrl + alt+ G, а как разгруппировать после внесенных элементов не знаю.
    2. Как разгруппировать элементы ?


    Ещё один вопрос про группировку ячеек таблицы и элементов растяжения их курсором.
    Когда я начинаю менять размер ячеек растягивая курсором таблицу, изменение сгруппированных элементов происходит не равномерно, например: съезжает цвет ячеек, сдвигается и расходятся в разные стороны линии обрамляющие ячейки, а также текст в ячейках также деформируется.
    3. Скажите пжл, как правильно нужно сгруппировать элементы, что бы они равно мерно менялись в размерах ?

    tank666
    Feb 17, 2021 8:19 PM UTC
    1. Компоненты используются не для временной группировки. Компонент — это элемент дизайна, который можно использовать повторно. При внесении изменений в мастер-компонент (главный), эти изменения отобразятся и в его копиях (instances). Подробнее: https://help.figma.com/hc/en-us/articles/360038662654-Guide-to-Components-in-Figma
      Чтобы компонент перестал быть компонентом, нужно создать его копию и воспользоваться функцией «Detach instance», и можно удалить мастер-компонент. Или воспользоваться плагином Detach Master.

    2. В Figma есть фреймы и группы. Подробнее здесь: https://help.figma.com/hc/en-us/articles/360039832054-Frames-and-Groups
      Чтобы расгруппировать, нужно воспользоваться функцией «Ungroup» (Ctrl + Shift + G).

    3. Чтобы элементы дизайна изменяли свои свойства (размер, местоположение), нужно каждому из элементов назначить привязки (они же ограничения) (constraints). Подробнее: https://help.figma.com/hc/en-us/articles/360039957734-Apply-Constraints-to-define-how-layers-resize

    В заключение:
    Посмотри видео-уроки, почитай книги и справку по Figma. На многие вопросы уже есть развёрнутые ответы.

    UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
    Ilay_Zen
    Feb 18, 2021 7:53 AM UTC

    Tank666 благодарю за ответ

    katy
    Feb 20, 2021 7:03 PM UTC

    Где можно задать свой вопрос? Разделы здесь есть?

    Feedlike
    FeedlikeAuthor
    Feb 20, 2021 7:31 PM UTC

    можете тут задать!

    katy
    Feb 20, 2021 7:48 PM UTC

    Здравствуйте, сейчас изучаю фигма и столкнулось с такой проблемой у меня несколько компонентов два из них были созданы дубликаты. Первый – это кнопки с надписями которые можно менять, вторая это иконка её тоже можно менять, иконки были прикреплен к одной кнопке компоненту, т.е. задумка такая все кнопки обычные, кроме одной, когда её выбираешь, то там так же можно поменять, три иконки, корзина, перо и шестеренку. Вот в чем проблема, когда я хочу сделать изменения с кнопками, то почему, то там присутствуют дополнительные иконки и кнопки можно поменять на иконки пример на картинки.
    Два дубликата компонентов отмечены стрелками, а справа во вкладке Design можно заметить как выбор происходит из общей кучи кнопки и иконки, хотя должно быть раздельно (кнопки отдельно, иконки отдельно).


    Тоже самое касается иконок, когда их хочу поменять, то там можно так же подставить и основные кнопки. Можно как-то разделить кнопки, чтобы отдельно подбирались, когда выпадала кнопка с иконками, то при выборе иконок, там кнопки не встречались? Надеюсь понятно объяснила суть проблемы.

    tank666
    Feb 20, 2021 7:56 PM UTC

    Если я правильно понимаю, то ты хочешь создать иерархию для иконок. Измени название компонента иконки на «Имя папки/Название иконки». Т.е. укажи свою иерархию через косую черту. Например, должно выглядеть так: «icon/basket».

    UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
    katy
    Feb 20, 2021 9:08 PM UTC

    Спасибо, теперь все, работает как надо вот результат.


    У меня такой вопрос как можно использовать мои компаненты, чтобы наладить связи, и сделать переход на другую страницу?

    tank666
    Feb 20, 2021 10:34 PM UTC

    Под другой страницей ты имеешь ввиду макет (фрейм)? Открой вкладку «Prototype» и настрой соединения.

    https://help.figma.com/hc/en-us/articles/360040315773-Prototype-interactions-and-animations

    UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank
    katy
    Feb 21, 2021 4:50 AM UTC

    Понятно. Я научилась делать группировку слоев, но вот в интернете встречала, авторов которые предлагают помимо группировки, научиться делать “упорядочивание”. Вот примерно список всему тому, чему обещает научить автор. Взято с одного сайта.
    Screenshot
    Что такое упорядочивание слоев и как его правильно делать?