Фигма-ответы

2020-03-03 17:11:34 16. Как создать рабочие кликабельные ссылки в PDF в Figma?

Многие ошибочно думают, что можно в настройках прототипа настроить переход по ссылке, то она будет работать и в PDF. Это не так, и прототипы не влияют на экспорт!

Единственный на сегодняшний день способ вставить рабочую ссылку в PDF — это написать её в тексте в формате https://example.com или просто example.com (без https:// только для .com доменов). Такой текст автоматически конвертируется в гиперссылку при экспорте PDF из Figma.

Чтобы сделать “рабочую” кнопку, можно покрыть ссылками любую область и задать им прозрачность 0.01%.

При этом учитывай, что ссылки в PDF из Figma работают не везде. Чаще всего они кликабельны только при открытии файла в Google Chrome, иногда в других браузерах и Preview на macOS. Поэтому для более сложных задач следует использовать приложения для редактирования PDF онлайн или программы типа Adobe Indesign, Acrobat.

#PDF #ссылки
—
Задать вопрос про Фигму: @figmachat Открыть/Комментировать

2020-02-27 19:42:27 15. Как вставлять в макеты рыбные тексты, имена, телефоны или аватары?

Для этого есть множество плагинов, которые можно найти по запросу content. Вероятно, лучший из них — Content Reel от разработчиков из Microsoft. У них есть и другие наработки.

Можно даже вставлять lorem ipsum, но не стоит, поскольку тогда твой дизайн потеряет контекст. Контент — часть дизайна. Лучше тратить время на то, чтобы писать осмысленные тексты и никогда не использовать lorem ipsum.

#контент #тексты
—
Задать вопрос про Фигму: @figmachat Открыть/Комментировать

2020-02-27 19:31:00 14. Возможно ли использовать Фигму для печатного дизайна?

Зависит от задачи, но в целом идея плохая. Сделать визитку или небольшой буклет можно, если не важно, чтобы чёрный был нормальный, а не тёмно-серый, не важно, чтобы цвета на печати были яркие и сочные. Конверт финального макета из RGB в CMYK даёт существенные искажения цвета.

Надо понимать, что Фигма предназначена только для экранного дизайна, не поддерживает CMYK и попытки делать в ней что-то серьёзнее визитки обречены на провал.

В Фигме нет переносов текста, стилей внутри стилей, движения текста по страницам, автозамен, исчисления в сантиметрах.

Есть только проектировочные пиксели, поэтому можно приблизиться к каноническим 300 PPI путём расчётов. По этой теме есть видео-урок Виктора Теплова.

Если нужно делать многостраничный макет (журнал или газету), мы рекомендуем всё-таки использовать InDesign или Affinity Publisher. Их разработчики сразу ставили задачу делать профессиональное ПО для печати.

#печать #CMYK
—
Задать вопрос по Фигме: @figmachat Открыть/Комментировать

2020-02-26 10:52:44 13. Для разработчиков: как в Фигме копировать цвета и расстояния между объектами, как в Zeplin?

Для этого есть Figma Handoff — инструментарий для разработчиков, доступен во вкладке Code. Полный аналог Зеплина в реальном времени. Урок по работе с ним.

—
Задать вопрос по Фигме: @figmachat Открыть/Комментировать

2019-11-10 14:16:12 12. Что делать, если картинки не отображаются?

Если растровая картинка отображаются зернисто, можно выделить её и дважды нажать Shift + Cmd + H. Она должна перезагрузиться и стать чёткой.

Если все объекты не имеют цвета и изображены контуром, а вместо растровых изображений прямоугольники, значит включён режим контуров Outines (Cmd + Y).

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

Если интернет хороший, а проблема сохраняется, надо обратиться в техподдержку support@figma.com.

—
Задать вопрос про Фигму: @figmachat Открыть/Комментировать

2019-10-15 11:15:34 11. Что делать, если в Фигме появляются артефакты — разноцветные полосы?

Проблема может быть вызвана несколькими причинами: либо дело в видеокарте и это может решиться обновлением видео-драйверов на свежие.

Либо причина в глюке самой Фигмы, которая некорректно отображает сетку, выводя на экран линии сетки без отступов. В этом случае полосы появляются только при включенной сетке. Перезапуск Фигмы временно лечит проблему и возвращает линии сеток по местам.

—
Задать вопрос про Фигму: @figmachat Открыть/Комментировать

2019-09-26 16:32:35 10. Как открыть несколько окон Figma?

Если ты работаешь в браузере, можно открыть несколько окон Figma.

В десктопном клиенте Figma на macOS — File → New window.

В десктопном клиенте Figma на
Windows — Ctrl + Shift + N
—
Задать вопрос про Фигму: @figmachat Открыть/Комментировать

2019-09-26 15:40:01 9. Как загрузить в Figma изображение в большом разрешении?

Если изображение превышает 4096х4096, оно будет сжато до этого разрешения по длинной стороне, о чём появится сообщение Image Resized.

Есть костыльное решение, чтобы это обойти: чтобы загрузить изображение бóльшего размера, необходимо импортировать его как новый фигма-файл, а затем вырезать и копировать его в основной файл.

—
Задать вопрос про Фигму: @figmachat Открыть/Комментировать

2019-09-26 15:17:53 8. Как отключить Google Fonts в Figma?

Необходимо снять галку с пункта «Show Google Fonts»

—
Задать вопрос про Фигму: @figmachat Открыть/Комментировать