Степан Воеводин

Теперь есть встроенное в Figma решение

То выделение, про которое вы говорите, всегда было в Фотошопе или Иллюстраторе


Но в Фигме его никогда не было


В Фигме всегда работало выделение курсором. Достаточно просто зажать в пустой области и потянуть.

Попробуйте взять картинку во Frame Ctrl+Alt+G (если этого еще не сделано) и у него активировать «Clip content». Тогда все что вывалилось за фрэйм будет отрубаться при экспорте.


Если не получится – добавьте пожалуйста деталей к вашему вопросу. Хотя бы скрин из фигмы со слоями и правой панелью.

Не зная точного контекста что это и зачем такое вам, предложу вариант: завернуть в Auto Layout и отступ задавать уже с любой стороны от края до объекта внутри.

Если рассматривать Figma, то можно воспользоваться плагином Export Presets. Он для экспорта сразу проставляет список необходимых форматов для экспорта в зависимости от выбранной платформы в плагине.
Либо вы можете сами сформировать этот список и в будущем просто копировать его на нужные иконки.

Нет. Если вы из удаленных файлов нажали «Delete forever», то восстановить файл не получится даже через тех.поддержку, т.к. файл полностью стерты и больше не существует.

К сожалению, пока самый оптимальный вариант через маску внутри иконки, потому что не нужно плодить лишних вариантов и всё работает стабильно.

У самого каждая иконки хранятся в таком виде:


Главное не забывать слою с цветом ставить Scale, чтобы нормально масштабировалось.


Зато результат стабилен:


Раскидать слой с цветом и наложить маску на 60 иконок заняло не более 30 мин. Зато теперь теперь не нужно держать в голове какой должен тут быть цвет и каждый раз из-за этого нервничать. Но естественно усложнилась передача иконок в разработку, но тут вообще оптимально заранее выгружать пак svg иконок и передавать их архивом.

По всей видимости текст в вариантах компонента различается. И происходит вот такая проблема:


Самое простое решение - это сделать текст одинаковым, и тогда проблема должна пропасть:


Так же, можно для гарантии сделать свойство для всех вариантов Content

Относительно второго скрина, самое просто это собрать через компоненты и автолейауты.

1. Пишем текст и заворачиваем его в Autolayout


2. Задаем внешний вид (заливка, скругление и т.п.)


3. Заворачиваем получивший объект в компонент и добавляем варианты (раскрашиваем их на своё усмотрение)


4. Копируем компонент несколько раз и заворачиваем в Autolayout, чтобы получилась строка из мест


5. Копируем получившуюся строчку несколько раз и так же заворачиваем в Autolayout


6. Добавляем текст слева с номером рядов.


7. Изменяем номер места и вариант компонента