9. Как загрузить в Figma изображение в большом разрешении?
Если изображение превышает 4096х4096, оно будет сжато до этого разрешения по длинной стороне, о чём появится сообщение Image Resized.
Есть костыльное решение, чтобы это обойти: чтобы загрузить изображение бóльшего размера, необходимо импортировать его как новый фигма-файл, а затем вырезать и копировать его в основной файл.
—
Задать вопрос про Фигму: @figmachat
Если изображение превышает 4096х4096, оно будет сжато до этого разрешения по длинной стороне, о чём появится сообщение Image Resized.
Есть костыльное решение, чтобы это обойти: чтобы загрузить изображение бóльшего размера, необходимо импортировать его как новый фигма-файл, а затем вырезать и копировать его в основной файл.
—
Задать вопрос про Фигму: @figmachat
10. Как открыть несколько окон Figma?
Если ты работаешь в браузере, можно открыть несколько окон Figma.
В десктопном клиенте Figma на macOS — File → New window.
В десктопном клиенте Figma на
Windows — Ctrl + Shift + N
—
Задать вопрос про Фигму: @figmachat
Если ты работаешь в браузере, можно открыть несколько окон Figma.
В десктопном клиенте Figma на macOS — File → New window.
В десктопном клиенте Figma на
Windows — Ctrl + Shift + N
—
Задать вопрос про Фигму: @figmachat
11. Что делать, если в Фигме появляются артефакты — разноцветные полосы?
Проблема может быть вызвана несколькими причинами: либо дело в видеокарте и это может решиться обновлением видео-драйверов на свежие.
Либо причина в глюке самой Фигмы, которая некорректно отображает сетку, выводя на экран линии сетки без отступов. В этом случае полосы появляются только при включенной сетке. Перезапуск Фигмы временно лечит проблему и возвращает линии сеток по местам.
—
Задать вопрос про Фигму: @figmachat
Проблема может быть вызвана несколькими причинами: либо дело в видеокарте и это может решиться обновлением видео-драйверов на свежие.
Либо причина в глюке самой Фигмы, которая некорректно отображает сетку, выводя на экран линии сетки без отступов. В этом случае полосы появляются только при включенной сетке. Перезапуск Фигмы временно лечит проблему и возвращает линии сеток по местам.
—
Задать вопрос про Фигму: @figmachat
12. Что делать, если картинки не отображаются?
Если растровая картинка отображаются зернисто, можно выделить её и дважды нажать Shift + Cmd + H. Она должна перезагрузиться и стать чёткой.
Если же все картинки и тексты имеют только контуры, а вместо растровых изображений прямоугольники, значит включён режим контуров Outines (Cmd + Y на Маке или Shift + Ctrl + 3 на Винде).
Если это не помогает, может быть медленный интернет и изображения по какой-то причине не прогружаются. Но тогда тормозить будет всё, а не только картинки. Нужно протестировать в веб-версии, а не в клиенте.
Для поиска: текст двоится, пропали картинки, текст контуром
Задать вопрос про Фигму: @figmachat
Если растровая картинка отображаются зернисто, можно выделить её и дважды нажать Shift + Cmd + H. Она должна перезагрузиться и стать чёткой.
Если же все картинки и тексты имеют только контуры, а вместо растровых изображений прямоугольники, значит включён режим контуров Outines (Cmd + Y на Маке или Shift + Ctrl + 3 на Винде).
Если это не помогает, может быть медленный интернет и изображения по какой-то причине не прогружаются. Но тогда тормозить будет всё, а не только картинки. Нужно протестировать в веб-версии, а не в клиенте.
Для поиска: текст двоится, пропали картинки, текст контуром
Задать вопрос про Фигму: @figmachat
13. Для разработчиков: как в Фигме копировать цвета и расстояния между объектами, как в Zeplin?
Для этого есть Figma Handoff — инструментарий для разработчиков, доступен во вкладке Code. Полный аналог Зеплина в реальном времени. Урок по работе с ним.
—
Задать вопрос по Фигме: @figmachat
Для этого есть Figma Handoff — инструментарий для разработчиков, доступен во вкладке Code. Полный аналог Зеплина в реальном времени. Урок по работе с ним.
—
Задать вопрос по Фигме: @figmachat
14. Возможно ли использовать Фигму для печатного дизайна?
Зависит от задачи, но в целом идея плохая. Сделать визитку или небольшой буклет можно, если не важно, чтобы чёрный был нормальный, а не тёмно-серый, не важно, чтобы цвета на печати были яркие и сочные. Конверт финального макета из RGB в CMYK даёт существенные искажения цвета.
Надо понимать, что Фигма предназначена только для экранного дизайна, не поддерживает CMYK и попытки делать в ней что-то серьёзнее визитки обречены на провал.
В Фигме нет переносов текста, стилей внутри стилей, движения текста по страницам, автозамен, исчисления в сантиметрах.
Есть только проектировочные пиксели, поэтому можно приблизиться к каноническим 300 PPI путём расчётов. По этой теме есть видео-урок Виктора Теплова.
Если нужно делать многостраничный макет (журнал или газету), мы рекомендуем всё-таки использовать InDesign или Affinity Publisher. Их разработчики сразу ставили задачу делать профессиональное ПО для печати.
#печать #CMYK
—
Задать вопрос по Фигме: @figmachat
Зависит от задачи, но в целом идея плохая. Сделать визитку или небольшой буклет можно, если не важно, чтобы чёрный был нормальный, а не тёмно-серый, не важно, чтобы цвета на печати были яркие и сочные. Конверт финального макета из RGB в CMYK даёт существенные искажения цвета.
Надо понимать, что Фигма предназначена только для экранного дизайна, не поддерживает CMYK и попытки делать в ней что-то серьёзнее визитки обречены на провал.
В Фигме нет переносов текста, стилей внутри стилей, движения текста по страницам, автозамен, исчисления в сантиметрах.
Есть только проектировочные пиксели, поэтому можно приблизиться к каноническим 300 PPI путём расчётов. По этой теме есть видео-урок Виктора Теплова.
Если нужно делать многостраничный макет (журнал или газету), мы рекомендуем всё-таки использовать InDesign или Affinity Publisher. Их разработчики сразу ставили задачу делать профессиональное ПО для печати.
#печать #CMYK
—
Задать вопрос по Фигме: @figmachat
YouTube
Уроки Figma. Как подготовить файл для печати в CMYK 300 dpi [Фигма уроки]
Что такое CMYK? Почему 300 dpi? Как перевести миллиметры в пиксели? А также шаблоны для печати в типографии.
ВАЖНОЕ:
Шаблоны из урока
https://www.figma.com/c/file/803397321136884492
DPI Calculator
https://toolstud.io/photo/dpi.php
PDF RGB/CMYK Converter…
ВАЖНОЕ:
Шаблоны из урока
https://www.figma.com/c/file/803397321136884492
DPI Calculator
https://toolstud.io/photo/dpi.php
PDF RGB/CMYK Converter…
15. Как вставлять в макеты рыбные тексты, имена, телефоны или аватары?
Для этого есть множество плагинов, которые можно найти по запросу content. Вероятно, лучший из них — Content Reel от разработчиков из Microsoft. У них есть и другие наработки.
Можно даже вставлять lorem ipsum, но не стоит, поскольку тогда твой дизайн потеряет контекст. Контент — часть дизайна. Лучше тратить время на то, чтобы писать осмысленные тексты и никогда не использовать lorem ipsum.
#контент #тексты
—
Задать вопрос про Фигму: @figmachat
Для этого есть множество плагинов, которые можно найти по запросу content. Вероятно, лучший из них — Content Reel от разработчиков из Microsoft. У них есть и другие наработки.
Можно даже вставлять lorem ipsum, но не стоит, поскольку тогда твой дизайн потеряет контекст. Контент — часть дизайна. Лучше тратить время на то, чтобы писать осмысленные тексты и никогда не использовать lorem ipsum.
#контент #тексты
—
Задать вопрос про Фигму: @figmachat
16. Как создать рабочие кликабельные ссылки в PDF в Figma?
Многие ошибочно думают, что можно в настройках прототипа настроить переход по ссылке, то она будет работать и в PDF. Это не так, и прототипы не влияют на экспорт!
Единственный на сегодняшний день способ вставить рабочую ссылку в PDF — это написать её в тексте в формате
Чтобы сделать “рабочую” кнопку, можно покрыть ссылками любую область и задать им прозрачность 0.01%.
При этом учитывай, что ссылки в PDF из Figma работают не везде. Чаще всего они кликабельны только при открытии файла в Google Chrome, иногда в других браузерах и Preview на macOS. Поэтому для более сложных задач следует использовать приложения для редактирования PDF онлайн или программы типа Adobe Indesign, Acrobat.
#PDF #ссылки
—
Задать вопрос про Фигму: @figmachat
Многие ошибочно думают, что можно в настройках прототипа настроить переход по ссылке, то она будет работать и в 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
17. Как передать исходник заказчику?
Figma — облачный инструмент, поэтому достаточно лишь скинуть ссылку на файл или дать заказчику права на просмотр. Открой меню Share (голубая кнопка в правом верхнем углу), введи адрес почты клиента и отправь инвайт. Либо убедись, что включен доступ по ссылке (Anyone with the link can view), скопируй ссылку на файл кнопкой Copy link внизу и скинь её клиенту.
Осторожно: человек с доступом к файлу может смотреть все свойства объектов, а также делать дубликат файла себе. Второго можно избежать в платных командах, но от скриншотов никто не защищён. Никогда не давай права на просмотр файла до получения предоплаты за работу!
Если заказчик требует исходники в .PSD, .sketch или других форматах, то обсуждать возможность работы в Figma нужно до начала работы. Перевести файл Figma в формат фотошопа или скетча — задача не из быстрых.
Больше про шеринг и права доступа: https://help.figma.com/hc/en-us/sections/360006479413-Sharing-and-Permissions
—
Задать вопрос про Фигму: @figmachat
Figma — облачный инструмент, поэтому достаточно лишь скинуть ссылку на файл или дать заказчику права на просмотр. Открой меню Share (голубая кнопка в правом верхнем углу), введи адрес почты клиента и отправь инвайт. Либо убедись, что включен доступ по ссылке (Anyone with the link can view), скопируй ссылку на файл кнопкой Copy link внизу и скинь её клиенту.
Осторожно: человек с доступом к файлу может смотреть все свойства объектов, а также делать дубликат файла себе. Второго можно избежать в платных командах, но от скриншотов никто не защищён. Никогда не давай права на просмотр файла до получения предоплаты за работу!
Если заказчик требует исходники в .PSD, .sketch или других форматах, то обсуждать возможность работы в Figma нужно до начала работы. Перевести файл Figma в формат фотошопа или скетча — задача не из быстрых.
Больше про шеринг и права доступа: https://help.figma.com/hc/en-us/sections/360006479413-Sharing-and-Permissions
—
Задать вопрос про Фигму: @figmachat
18. У меня не открывается Figma, что делать?
Проверь, открываются ли остальные сайты, например, ya.ru, может банально не работать интернет.
Довольно редко, но Фигма ложится. Проверить статус её работы можно на status.figma.com.
Если все отстальные сайты открываются, а статус — нет, дело может быть в проблеме с префиксами доменов. Не так давно проскочила новость о том, что всё поломал Ростелеком. При этом, у половины Фигма работает нормально.
Обходить эту проблему можно через VPN-сервисы. Попробуй использовать ExpressVPN, TunnelBrar или VPN99. Скорее всего в будущем она решится и в VPN больше не будет необходимости.
Если VPN не помог, интернет хороший, не стоит писать в Фигма-чат, а стоит обратиться в техподдержку support@figma.com.
По теме: не отображаются картинки
#не_работает
—
Задать вопрос про Фигму: @figmachat
Проверь, открываются ли остальные сайты, например, ya.ru, может банально не работать интернет.
Довольно редко, но Фигма ложится. Проверить статус её работы можно на status.figma.com.
Если все отстальные сайты открываются, а статус — нет, дело может быть в проблеме с префиксами доменов. Не так давно проскочила новость о том, что всё поломал Ростелеком. При этом, у половины Фигма работает нормально.
Обходить эту проблему можно через VPN-сервисы. Попробуй использовать ExpressVPN, TunnelBrar или VPN99. Скорее всего в будущем она решится и в VPN больше не будет необходимости.
Если VPN не помог, интернет хороший, не стоит писать в Фигма-чат, а стоит обратиться в техподдержку support@figma.com.
По теме: не отображаются картинки
#не_работает
—
Задать вопрос про Фигму: @figmachat
19. Можно ли сделать экспорт фрейма в SVG, чтобы и при этом текст в нём не преобразовался в кривые и остался редактируемым?
Глеб Сабирзянов: Для этого можно в настройках экспорта можно снять галочку Outline Text.
#SVG #экспорт #текст
—
Задать вопрос про Фигму: @figmachat
Глеб Сабирзянов: Для этого можно в настройках экспорта можно снять галочку Outline Text.
#SVG #экспорт #текст
—
Задать вопрос про Фигму: @figmachat
20. У меня windows 7, что делать?
Фигма больше не поддерживает windows 7, а это значит, что на ней не будет работать десктопная версия приложения или FigmaAgent (приложение, которое помогает загружать в браузерную версию Фигмы системные шрифты).
Системные требования
Ты можешь продолжать работать в браузерной версии, но без использования своих шрифтов.
Если по каким-то причинам у тебя сейчас нет возможности обновить систему, а работать в Фигме со своими шрифтами очень нужно, то можно попробовать установить более старую версию Фигмы, которая еще работала на Windows 7. На официальном форуме люди выкладывали ссылки для скачивания и инструкции для установки.
Но скорее всего при очередном перезапуске фигма автоматически обновится и переустановку придется сделать снова.
—
Задать вопрос про Фигму: @figmachat
Фигма больше не поддерживает windows 7, а это значит, что на ней не будет работать десктопная версия приложения или FigmaAgent (приложение, которое помогает загружать в браузерную версию Фигмы системные шрифты).
Системные требования
Ты можешь продолжать работать в браузерной версии, но без использования своих шрифтов.
Если по каким-то причинам у тебя сейчас нет возможности обновить систему, а работать в Фигме со своими шрифтами очень нужно, то можно попробовать установить более старую версию Фигмы, которая еще работала на Windows 7. На официальном форуме люди выкладывали ссылки для скачивания и инструкции для установки.
Но скорее всего при очередном перезапуске фигма автоматически обновится и переустановку придется сделать снова.
—
Задать вопрос про Фигму: @figmachat