Figma ошибка figma setup

При попытке установить программу на ноутбук на ОС Windows11 64-битная система выдает сообщение: 

Installation has failed
There was an error while installing the application.
Check the setup log for more information and contact the author.

Нажала на кнопку Open Setup Log, и появляется тестовый документ:

2021-06-22 21:44:34> Program: Starting Squirrel Updater: —install .
2021-06-22 21:44:34> Program: Starting install, writing to C:UsersАленкаAppDataLocalSquirrelTemp
2021-06-22 21:44:34> Program: About to install to: C:UsersАленкаAppDataLocalFigma
2021-06-22 21:44:34> CheckForUpdateImpl: Couldn’t write out staging user ID, this user probably shouldn’t get beta anything: System.IO.DirectoryNotFoundException: Не удалось найти часть пути «C:UsersАленкаAppDataLocalFigmapackages.betaId».
   в System.IO.__Error.WinIOError(Int32 errorCode, String maybeFullPath)
   в System.IO.FileStream.Init(String path, FileMode mode, FileAccess access, Int32 rights, Boolean useRights, FileShare share, Int32 bufferSize, FileOptions options, SECURITY_ATTRIBUTES secAttrs, String msgPath, Boolean bFromProxy, Boolean useLongPath, Boolean checkHost)
   в System.IO.FileStream..ctor(String path, FileMode mode, FileAccess access, FileShare share, Int32 bufferSize, FileOptions options, String msgPath, Boolean bFromProxy, Boolean useLongPath, Boolean checkHost)
   в System.IO.StreamWriter.CreateFile(String path, Boolean append, Boolean checkHost)
   в System.IO.StreamWriter..ctor(String path, Boolean append, Encoding encoding, Int32 bufferSize, Boolean checkHost)
   в System.IO.File.InternalWriteAllText(String path, String contents, Encoding encoding, Boolean checkHost)
   в System.IO.File.WriteAllText(String path, String contents, Encoding encoding)
   в Squirrel.UpdateManager.CheckForUpdateImpl.getOrCreateStagedUserId()
2021-06-22 21:44:34> CheckForUpdateImpl: Failed to load local releases, starting from scratch: System.IO.DirectoryNotFoundException: Не удалось найти часть пути «C:UsersАленкаAppDataLocalFigmapackagesRELEASES».
   в System.IO.__Error.WinIOError(Int32 errorCode, String maybeFullPath)
   в System.IO.FileStream.Init(String path, FileMode mode, FileAccess access, Int32 rights, Boolean useRights, FileShare share, Int32 bufferSize, FileOptions options, SECURITY_ATTRIBUTES secAttrs, String msgPath, Boolean bFromProxy, Boolean useLongPath, Boolean checkHost)
   в System.IO.FileStream..ctor(String path, FileMode mode, FileAccess access, FileShare share)
   в Squirrel.Utility.LoadLocalReleases(String localReleaseFile)
   в Squirrel.UpdateManager.CheckForUpdateImpl.<CheckForUpdate>d__2.MoveNext()
2021-06-22 21:44:34> CheckForUpdateImpl: Reading RELEASES file from C:UsersАленкаAppDataLocalSquirrelTemp
2021-06-22 21:44:34> CheckForUpdateImpl: First run or local directory is corrupt, starting from scratch
2021-06-22 21:44:35> ApplyReleasesImpl: Writing files to app directory: C:UsersАленкаAppDataLocalFigmaapp-98.14.0
2021-06-22 21:44:40> LogHost: Rigging execution stub for Figma_ExecutionStub.exe to C:UsersАленкаAppDataLocalFigmaFigma.exe
2021-06-22 21:44:44> ApplyReleasesImpl: Squirrel Enabled Apps: [C:UsersАленкаAppDataLocalFigmaapp-98.14.0Figma.exe]
2021-06-22 21:45:00> ApplyReleasesImpl: Couldn’t run Squirrel hook, continuing: C:UsersАленкаAppDataLocalFigmaapp-98.14.0Figma.exe: System.OperationCanceledException: Операция была отменена.
   в System.Threading.CancellationToken.ThrowOperationCanceledException()
   в Squirrel.Utility.<>c__DisplayClass11_0.<InvokeProcessAsync>b__0()
   в System.Threading.Tasks.Task.InnerInvoke()
   в System.Threading.Tasks.Task.Execute()

Подскажите, что с этим делать? Как установить программу?

Как починить Figma после последнего обновления

Около недели назад случился конец света, конец света для многих дизайнеров — перестала запускаться самая важная программа для интерфейсного проектирования, а именно Figma.

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

Uh oh … we can’t open that file

Что собственно у меня произошло? Просто Figma перестала открываться, белый экран, а потом ошибка, что где-то слетел webGL. С какого и почему, неизвестно. Но ошибка подсказывала, что это может быть из-за видео карты или драйверов. Жест!

Видюха работала исправно, не смотря на то, что ей 10 лет. Драйвера я на всякий случай обновил, но это не помогло. А так как работать figma перестала именно после своего обновления, то я предположил, что с последним обновлением могли перестать поддерживать старые видео карты. Но сама эта мысль очень абсурдна, ведь для проектирование графических интерфейсов особые мощности то и не нужны. Раньше Figma запускалась и быстро летала и на менее мощной машине. Но поделать было нечего.

Последним шагом стала переустановка системы, потому что все предыдущие шаги и переустановка самой Figma не помогли. Не помог и запуск программы с параметром -disable-gpu-compositing.

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

Решение пришло откуда не ждали

В один прекрасный день, Дима сказал, что у него обновилась Figma и попросил чекнуть апдейт для своей машины. Я запустил ПК, открыл Figma, но апдейта не случилось как должно было. Ну и не надо, подумал я, а сам краем глаза заметил маячащие обновления системы Windows.

Забив на все попытки починить Figma, я поставил компьютер обновляться и заварил кофейку. После 2 перезагрузок и завершения обновления, я уже чисто по приколу, запустил Figma, ни на что не надеясь.

И, Господи, чудо! Оно ожило!

В этот момент один товарищ вспомнил о недавней легенде, что какое-то Виндовское обновление ломало аппаратную работу с 3D графикой. А видимо новое обновление этот косяк исправило. Конечно, это тоже догадка. Но очевидно, что был какой-то софтверный конфликт. Так, что если вы тоже столкнулись с такой проблемой, то принудительно обновите систему и переустановите Figma!

Источник

Figma F.A.Q. — технические вопросы

Ответы на самые часто задаваемые вопросы про Figma. В этой статье даются ответы на технические вопросы, связанные с работой программы. Если в этом списке нет интересующего тебя вопроса или подходящего ответа — задай его в обсуждении в группе со скриншотами и логами ошибок.

Как использовать свои шрифты в Figma?

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

Как использовать локальные шрифты на Linux?

Существует неофициальный клиент для Figma, созданный для Linux. Мы не можем гарантировать, что он работает, но создатель пишет, что включил поддержку локальных шрифтов, что не может не радовать. Информацию о нем можно найти в этом посте или в репозитории проекта.

Как отключить стандартные шрифты в Figma?

По дефолту в Figma доступны все шрифты из Google Fonts. Если тебе они не нужны, и ты хочешь использовать только локальные шрифты — можно отключить стандартные шрифты. Это делается с помощью настройки в меню Preferences → Show Google Fonts.

Можно ли работать и сохранять файлы в Figma без интернета?

Можно открыть файл, отключиться от интернета и работать в Figma оффлайн. Чтобы сохранить наработанное — нужно экспортировать в формат Figma, .fig или просто обратно подключиться к интернету, — изменения синхронизируются автоматически. Но открыть файлы без подключения к интернету нельзя никак.

Пропали все объекты с холста, что делать?

Если пропали все или некоторые объекты в Figma, для начала попробуй отменить предыдущее действие (Ctrl/Cmd + Z), а потом закрыть и открыть файл снова. Если это не помогло, тогда зайди в историю версий. Проверь, есть ли там версия со всей работой, и если есть — восстанови её. В противном случае отправь в поддержку данные о своей видеокарте с описанием проблемы.

Пропали изображения в Figma!

1. В первую очередь попробуй перезагрузить страницу браузера или закрыть и открыть файл снова. Если открыто несколько файлов Figma — зачастую эту проблему можно решить, закрыв остальные файлы.
2. Изображения не показываются в прототипе? Возможно эти объекты находятся не во фрейме, а просто лежат сверху. Проверь в панели слоёв.
3. Если не загружаются картинки в исходном файле, а до этого показывались, попробуй всё выделить и пошевелить или скрыть и показать — это может заставить их прогрузиться.
4. Если ты используешь браузер, открой файл или прототип в режиме инкогнито. Если всё заработало, виноваты расширения: обычно VPN или AdBlock мешают загрузке фотографий.
5. Всё это не помогает? Возможно есть проблемы с соединением, попробуй использовать VPN или раздай интернет с телефона, чтобы проверить.
6. Если даже с VPN/другим интернетом изображения не загружаются, напиши в поддержку со ссылкой на файл и скриншотами экранов, где пропадают изображения и другими подробностями.

Каковы системные требования Figma?

Минимальные требования для операционных систем:

• Windows 8.1 и новее
• Apple MacOS 10.10 (Yosemite) и новее
• Любая Linux OS которая поддерживает браузеры ниже
• Любая Chrome OS которая поддерживает браузеры ниже

Браузеры, которые поддерживаются Figma:

• Chrome 58+
• Firefox 57+
• Safari 11+
• Microsoft Edge 16+

Браузеры Internet Explorer, Opera, Yandex Browser и остальные — не поддерживаются. Figma всё равно может работать, но стабильность не гарантируется.

Поддержка видеокарт: Рекомендуется, чтобы видеокарта была от 2012 года выпуска — на более старых работать тоже будет скорее всего, но не можем гарантировать. Минимальные требуемые видеокарты:

• Intel HD Graphics 4000 (и новее).
• Nvidia 330m (и новее).
• ATI Radeon HD 4850 (и новее).

Не устанавливается десктопная версия Figma!

На операционные системы с 32-разрядной архитектурой десктопное приложение Figma установить нельзя. Font Helper также не работает на 32bit системах. Если же не удается установить Figma Desktop или Font Helper на 64-разрядную ОС — напиши в поддержку: support@figma.com, по возможности со скриншотами и логами ошибок.

Как войти в аккаунт в десктопном приложении Figma?

Для входа в аккаунт в десктопном приложении Figma необходимо нажать Log in with browser и перейти в браузер. Когда ты увидишь надпись Go to the browser to complete login, должно открыться окно браузера.

Когда откроется окно браузера, тебе нужно будет авторизоваться в Figma привычным способом. Потом появится кнопка Open the Desktop App, при нажатии на которую браузер спросит, действительно ли ты хочешь открыть приложение Figma. Нажми открыть, и ты войдешь в аккаунт Figma в десктопном приложении.

Не получается войти в аккаунт Figma в десктопном приложении?

Если ты видишь надпись Go to the browser to complete login, но окно браузера не открывается — убедись, что браузером по умолчанию в системе установлен браузер, который поддерживается Figma. Желательно это должен быть Google Chrome — с ним этот механизм работает лучше всего. Internet Explorer не поддерживается. После этого нажми Go back and try again и попробуй сначала.

Не открывается Figma. 🙁

Сервера Figma работают стабильно и падения случаются очень редко и ненадолго. Следить за статусом работы серверов Figma можно на https://status.figma.com/.

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

Если не открывается редактор или сам сайт Figma — возможно мешают настройки антивируса, брендмауэра или файрволла. Чтобы проверить, попробуй зайти с того же компьютера, но с другой точки доступа (например, раздать интернет с телефона). Если по-прежнему не открывается — проблема в компьютере. А если нет — во внешних факторах (провайдер, Роскомнадзор, сама Figma, НЛО), и порой её можно решить при помощи VPN.

Не открывается файл Figma: An error occurred while opening the editor или бесконечная загрузка

Иногда случается, что Figma не удаётся открыть один файл. Если все остальные файлы открываются нормально, а один файл не загружается или показывается ошибка An error occurred while opening the editor — возможно при прошлом сохранении файла произошел сбой.

Большинство этих случаев можно решить восстановлением предыдущей версии файла. Для этого кликни по файлу правой кнопкой мыши с зажатыми кнопками Alt + Shift и выбери в контекстном меню Restore from Version. В открывшемся окне нажми кнопку Restore рядом с предыдущей версией файла.

Также возможно файл стал чересчур большим и Figma не хватает памяти, чтобы его открыть (одна вкладка может использовать до 2ГБ памяти максимум, иногда меньше в зависимости от открытых программ). Следует попробовать разбить файл на несколько отдельных. А если у тебя слабый компьютер (в особенности с 32-битной системой) то попробуй перед открытием Figma закрыть все остальные программы.

Постоянно перезагружается страница Figma в браузере!

При открытии проекта браузер выдает ошибку, перезагружает страницу, после перезагрузки Фигма выдает ошибку, и страница опять перезагружается, и так по кругу…

Это может происходить, если браузер не поддерживается Figma. В частности, Яндекс браузер. Поддерживаемые браузеры можно найти в официальной документации.

Figma работает медленно, лагает, зависает, компьютер греется и вентиляторы начинают шуметь.

Если в компьютере две видеокарты — возможно используется не та, которая нужна. Попробуй поменять используемую видеокарту. На macOS это можно сделать при помощи утилиты gfxcardstatus, либо отключив автоматическое переключение видеокарт в Системных Настройках в панели «Экономия Энергии». Если видеокарта одна — возможно она банально устарела. Убедись, что твоя аппаратура соответсвует требованиям, описанным в предыдущем пункте.

Артефакты, графические баги, проблемы с рендерингом.

У некоторых пользователей Figma появляются артефакты при масштабировании, добавлении Auto Layout или изображений, включении сеток и линеек или других действиях. При появлении любых графических глитчей в Figma первым делом напиши в поддержку и отправь скриншоты или видеозаписи происходящего. Также поможет если ты приложишь подробную информацию о своей видеокарте, её драйверах и других характеристиках компьютера.

А пока ждёшь ответа, загляни в галлерею глитчей Figma и отправь свои скриншоты Глебу для коллекции.

Тип артефактов 1: Синие линии по всему холсту.

Синие линии обычно появляются на некоторых системах при включении сеток или линеек, либо без совершения каких-то определенных действий. Глитч представляет собой чаще всего синие, изредка красные и черные вертикальные и иногда горизонтальные линии, которые появляются в файле Figma и мешают работать. Единого способа избавиться от них навсегда — нет. Часто помогает переустановка драйверов видеокарты через диспетчер задач. Временно может помочь перенос всего содержимого проблемного файла в новый файл, но через какое-то время есть шанс, что баг вернется.

Тип артефактов 2: Разноцветные прямоугольники, пиксели

Артефакты в виде прямоугольников по углам изображений и других объектов встречаются нечасто. И от них можно избавиться! Открой косоль разработчика (главное меню → Plugins → Development → Open Console) и вставь следующую команду:

После этого нажми Enter. Ниже появится текст, который тебе нужно будет скопировать и отправить в поддержку вместе со скриншотами бага. Команда поддержки Figma включит для тебя специальный фикс, который убирает этот тип артефактов.

Тип артефактов 3: Прямоугольники везде

Этот вид плохо изучен, так как встречается крайне редко. В Figma пропадают куски объектов, весь холст или отдельные фреймы покрываются большими прямоугольниками разной яркости, частично или полностью закрывая всё содержимое. Работать в таком файле не представляется возможным. С таким багом тебе следует обращаться в поддержку и попробовать обновить драйвера видеокарты.

Прототип сжат или частично покрыт квадратами.

Подобные артефакты возникают на Windows в браузере Chrome или приложении Figma, если они используют графическую библиотеку ANGLE версии D3D9. Иногда эта проблема может возникать только в одном браузере, так что попробуй другие, в частности Firefox. Одним из способов решения в Google Chrome является отключение аппаратного ускорения: найди и отключи в настройках браузера пункт “Использовать аппаратное ускорение”. Если это не помогает или ты используешь приложение Figma, необходимо переключиться на другую версию библиотеки ANGLE.

Google Chrome

1. В адресной строке введи chrome://flags/ и нажми Enter
2. Найди ANGLE в поиске
3. Поменяй настройку ANGLE graphics backend на D3D11, WebGL или любую другую доступную кроме D3D9
4. Перезапусти браузер

Figma Desktop App

1. Нужно прописать параметры запуска приложения. Зайди в свойства ярлыка Figma (правый клик по иконке → “Свойства” → вкладка “Ярлык”)
2. В поле “Объект” через пробел после пути к приложению добавь параметр —use-angle=d3d11, или —use-angle=gl. Результат в первом случае будет выглядеть так:
   «C:Users%USERNAME%AppDataLocalFigmaFigma.exe» —use-angle=d3d11
3. Запускай Figma при помощи этого ярлыка

Почему изображения сжимаются до 4096 пикселей?

Почему в Figma нельзя загрузить изображения больше 4096 пикселей по одной из сторон? Дело в том, что Figma в своей основе использует WebGL, а он в свою очередь не позволяет использовать растровую графику разрешением выше 4K. Если закинуть изображение большего размера, оно будет уменьшено до достижения максимального размера. Такая картинка будет становиться пиксельной или размытой при увеличении до прежнего размера.

К сожалению, это ограничение обойти нельзя — можно только разделить предварительно изображения на куски, меньше или равные 4096px по большей из сторон. Автоматически это может сделать плагин Insert Big Image.

В Figma все увеличилось/уменьшилось и отображается размыто, смазано, мыльно — что делать?

В браузере: если вдруг интерфейс Figma увеличился или размылся — посмотри на адресную строку браузера. Там скорее всего есть иконка лупы, которая означает, что масштаб страницы увеличен или уменьшен. Нажми на нее и выбери масштаб 100%, чтобы вернуть все на места. В будущем, чтобы избежать такого, не пользуйся сочетанием клавиш Ctrl/Cmd + “+” или “-” в Figma. Для изменения масштаба в Figma можно нажимать просто + и —, без дополнительных кнопок!

На этой странице можно найти подробные инструкции для конфигурации браузеров для работы с Figma.

В десктопном приложении тоже есть настройка, изменяющая масштаб интерфейса:

Почему не работает Ctrl + Z или другое сочетание клавиш?

Шоткаты не работают обычно если они перехватываются какой-нибудь другой программой или расширением в браузере. В первую очередь попробуй зайти через режим инкогнито в браузере, где будет расширений. Также в редких случаях работа горячих клавиш зависит от выбранной раскладки — попробуй переключиться на английскую. Если решение не находится — некоторые пользователи решают эту проблему переустановкой системы, чтобы убедиться в том, что нет никаких препятствующих программ.

При нажатии Alt выбранный текст дублируется и меняется.

Проблема: При перетаскивании текста для копирования с нажатым Alt или при нажатии Alt для просмотра расстояний между объектами — текстовый блок дублируется, и текст меняется на что-то непонятное.

В этом виновата программа Punto Switcher. Есть несколько способов решить эту проблему:

1. Добавь Figma в исключения и перезагрузи компьютер.
2. Измени горячую клавишу Punto Switcher с Alt на другую.
3. Удали Punto Switcher совсем (Win, Mac) и перезагрузи компьютер.

Не работает Figma Mirror — ничего не происходит.

Figma Mirror (https://www.figma.com/mirror) — это веб приложение Figma, которое просто отображает текущий выбранный фрейм. Соответственно, если ты заходишь в Figma Mirror и открывается то, что на картинке внизу — нужно просто в файле, где ты сейчас работаешь, выбрать любой фрейм, лежащий на рабочем пространстве — он отобразится в «зеркале».

Figma Mirror работает как в браузере, так и в виде приложения на устройствах с Android 7 и выше или iOS 9 и выше.

Как увеличить историю действий для Ctrl + Z?

Увеличить число изменений для отмены при помощи Ctrl + Z или Cmd + Z нельзя, но можно воспользоваться историей версий. История версий (Version History) — это история изменений в файле, — бекапы, которые периодически Figma делает автоматически. Поэтому к прошлой версии файла легко вернуться, выбрав необходимую версию и нажав «Restore». В бесплатной версии можно откатиться на версию сделанную не раньше 30 дней назад, а в платной — на любую во всей истории файла. Сами файлы при этом хранятся неограниченно долго, так что за них беспокоиться не стоит.

В Figma цвета отображаются некорректно или становятся тусклыми при экспорте.

На двух разных устройствах: Цвета при просмотре макета в Figma и на телефоне отличаются. Например, в Figma Mirror или при просмотре экспортированного изображения. Это нормально: на двух разных устройствах разные дисплеи, которые немного по-разному отображают одни и те же цвета. Ничего с этим сделать нельзя, на всех устройствах цвета будут немного отличаться.

На одном устройстве: Если ты видишь, что при экспорте цвета становятся более бледными или тусклыми, смени цветовой профиль в Figma. Сделать это можно в меню Figma → Color Space. В зависимости от модели Mac или твоего монитора, нужно выбрать sRGB или Unmanaged. Но если цвета искажаются при экспорте— просто выбери противоположный тому, что сейчас установлен.

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

Изображения в PDF не экспортируются, становятся сиреневыми прямоугольниками.

Розовые/фиолетовые/сиреневые прямоугольники обычно появляются вместо изображений в очень больших PDF файлах, либо при экспорте PDF на слабом компьютере.

Источник

2021-05-27 15:36

Разработка

I’m new to TS and JS.

Now I’m trying to set up my first plugin using the guide on macOS.

At some point I got an error:

/code.ts:9:1 - error TS2304: Cannot find name 'figma'.

I followed all the steps from the guide

I suppose the next action in the Terminal.app should have solved the problem, but it did not

sudo npm install --save-dev @figma/plugin-typings
Password:
npm WARN saveError ENOENT: no such file or directory, open '/Users/username/package.json'
npm WARN enoent ENOENT: no such file or directory, open '/Users/username/package.json'
npm WARN username No description
npm WARN username No repository field.
npm WARN username No README data
npm WARN username No license field.

+ @figma/plugin-typings@1.33.0
updated 1 package and audited 1 package in 2.72s
found 0 vulnerabilities

The first line of «*.ts» code(except comments) looks like:

figma.showUI(__html__);

I write C++, Swift, Objective-C, some Java a lot and there are some include/import statements. But here is none. I don’t know how to deal with it in TS at the moment. =(

PS
Thanks for your time

I’m new to TS and JS.

Now I’m trying to set up my first plugin using the guide on macOS.

At some point I got an error:

/code.ts:9:1 - error TS2304: Cannot find name 'figma'.

I followed all the steps from the guide

I suppose the next action in the Terminal.app should have solved the problem, but it did not

sudo npm install --save-dev @figma/plugin-typings
Password:
npm WARN saveError ENOENT: no such file or directory, open '/Users/username/package.json'
npm WARN enoent ENOENT: no such file or directory, open '/Users/username/package.json'
npm WARN username No description
npm WARN username No repository field.
npm WARN username No README data
npm WARN username No license field.

+ @figma/plugin-typings@1.33.0
updated 1 package and audited 1 package in 2.72s
found 0 vulnerabilities

The first line of «*.ts» code(except comments) looks like:

figma.showUI(__html__);

I write C++, Swift, Objective-C, some Java a lot and there are some include/import statements. But here is none. I don’t know how to deal with it in TS at the moment. =(

PS
Thanks for your time

Как сделать прозрачный фон в Figma?

В идеале, чтобы удалить фон любого изображения, вам придется отредактировать изображение в Photoshop. Альтернативный метод, который я использовал ранее– это выбрать в Figma изображение и использовать опцию «multiply» в меню «Layer», чтобы фон исчез, но это не всегда эффективно.

Откройте или создайте изображение, которое содержит прозрачные области, и выполните команду «Файл» > «Сохранить для Web». В диалоговом окне «Сохранить для Web» выберите «GIF», «PNG-8» или «PNG-24» в качестве формата оптимизации. Установите флажок «Прозрачность».

вёрстка — Не устанавливается Figma, дистрибутив скачан с официального сайта

Может быть, кто-нибудь сталкивался с подобным. Может быть, нужно что-то дополнительно установить? На одному устройстве windows7, на другом windows8. Не ставится на оба.

Длинный файл лога начинается с:

2018-04-23 06:06:04> Program: Starting Squirrel Updater: —install . 2018-04-23 06:06:05> Program: Starting install, writing to C:UsersНаташаAppDataLocalSquirrelTemp 2018-04-23 06:06:05> Program: About to install to: C:UsersНаташаAppDataLocalGitHubDesktop 2018-04-23 06:06:06> CheckForUpdateImpl: Couldnt write out staging user ID, this user probably shouldnt get beta anything: System.IO.DirectoryNotFoundException: Не удалось найти часть пути «C:UsersНаташаAppDataLocalGitHubDesktoppackages.betaId». в System.IO.__Error.WinIOError(Int32 errorCode, String maybeFullPath)
в System.IO.FileStream.Init(String path, FileMode mode, FileAccess access, Int32 rights, Boolean useRights, FileShare share, Int32 bufferSize, FileOptions options, SECURITY_ATTRIBUTES secAttrs, String msgPath, Boolean bFromProxy, Boolean useLongPath, Boolean checkHost)
в System.IO.FileStream..ctor(String path, FileMode mode, FileAccess access, FileShare share, Int32 bufferSize, FileOptions options, String msgPath, Boolean bFromProxy, Boolean useLongPath, Boolean checkHost)
в System.IO.StreamWriter.CreateFile(String path, Boolean append, Boolean checkHost) в System.IO.StreamWriter..ctor(String path, Boolean append, Encoding encoding, Int32 bufferSize, Boolean checkHost) в System.IO.File.InternalWriteAllText(String path, String contents, Encoding encoding, Boolean checkHost) в System.IO.File.WriteAllText(String path, String contents, Encoding encoding) в Squirrel.UpdateManager.CheckForUpdateImpl.getOrCreateStagedUserId() 2018-04-23 06:06:06> CheckForUpdateImpl: Failed to load local releases, starting from scratch: System.IO.DirectoryNotFoundException: Не удалось найти часть пути «C:UsersНаташаAppDataLocalGitHubDesktoppackagesRELEASES». в System.IO.__Error.WinIOError(Int32 errorCode, String maybeFullPath)
в System.IO.FileStream.Init(String path, FileMode mode, FileAccess access, Int32 rights, Boolean useRights, FileShare share, Int32 bufferSize, FileOptions options, SECURITY_ATTRIBUTES secAttrs, String msgPath, Boolean bFromProxy, Boolean useLongPath, Boolean checkHost)
в System.IO.FileStream..ctor(String path, FileMode mode, FileAccess access, FileShare share) в Squirrel.Utility.LoadLocalReleases(String localReleaseFile) в Squirrel.UpdateManager.CheckForUpdateImpl.d__2.MoveNext() 2018-04-23 06:06:06> CheckForUpdateImpl: Reading RELEASES file from C:UsersНаташаAppDataLocalSquirrelTemp 2018-04-23 06:06:07> CheckForUpdateImpl: First run or local directory is corrupt, starting from scratch 2018-04-23 06:06:07> ApplyReleasesImpl: Writing files to app directory: C:UsersНаташаAppDataLocalGitHubDesktopapp-1.1.1 2018-04-23 06:06:07> LogHost: Rigging execution stub for lib/net45/GitHubDesktop_ExecutionStub.exe to C:UsersНаташаAppDataLocalGitHubDesktopGitHubDesktop.exe 2018-04-23 06:06:57> ApplyReleasesImpl: Squirrel Enabled Apps: [C:UsersНаташаAppDataLocalGitHubDesktopapp-1.1.1GitHubDesktop.exe]

Как сохранить изображения

Выделяем нужное изображение, открываем вкладку «Design», далее панель «Export».

Тут можно выбрать размер, формат файла (PNG, JPG, SVG, PDF) и сохранить файл или несколько файлов в разных форматах, что удобно для вёрстки под ретину.

Если выбрать несколько объектов, то они все сохранятся по отдельности, в одном архиве.

2 ответа

Чтобы установить Figma:

Просто нажмите Ctrl + Alt + T на клавиатуре, чтобы открыть терминал. Когда он откроется, выполните команду (ы) ниже:

Если оснастка не установлена, просто сделайте:

Если вы получили ошибку:

Скачайте пакет Figma Snap и запустите

Вы можете использовать ГДЕБИ. Если он не установлен, вы можете установить его, запустив:

Загрузите 64-битную или 32-битную версию в зависимости от вашей системы.

После установки откройте загруженный файл с помощью gdebi и нажмите file —> Open Выберите пакет, который вы скачали, и откройте его. После открытия просто нажмите «Установить».

Свежие записи

• Почему лениться это хорошо
• Как установить плагин в Figma
• Динамическая диаграмма на CSS
• Цитата на CSS с использованием псевдоклассов
• Адаптивные вкладки на JavaScript и CSS

© 2022 OneTwoSTUDY — Бесплатные видео уроки по WordPress, HTML, CSS, JavaScript, PHP и SWIFT. Как сделать сайт

Как обновить приложение Figma

Чтобы обновить настольное приложение (версия для MacOS), откройте меню Figma > Check for Updates.

Играй бесплатно в браузере!

Заполните форму, мы сделаем иконку
и добави ее в коллекцию

По теме:

Бесплатные иконки

Векторные и растровые иконки, бесплатные для коммерческого использования

Видео работы Плагин HLFTN создает линейные, радиальные и сложные градиенты из фигур разной величины. Плагин генерирует множество векторных фигур, плавное изменение величины которых создает градиентный эффект. Как…

Плагин Warp it предлагает трансформировать ваши векторы по сетке. Видео работы Изменения происходят в реальном времени — двигайте ползунки, чтобы настроить деформацию. Как пользоваться Выберите векторную фигуру Запустите…

QR-коды достаточно часто используются в веб-дизайне и графическом дизайне, это удобно по массе разных причин, но главным образом для передачи адресов сайтов. Вставить QR в дизайн или…

Объёмные элементы могут значительно оживить интерфейс, и плагин Roto для Figma может очень сильно с этим помочь. Видео работы плагина Рото дополняет ваши векторные фигуры до трехмерности…

Источник

Figma — где скачать и как установить программу на компьютер?

Подробная, пошаговая инструкция по установке десктопного приложения Figma на ваш компьютер (Windows или Mac Os). В видео и текстовом формате.

Установка Figma. В этом уроке вы получите пошаговую инструкцию, где скачать и как установить программу Figma на ваш компьютер. Вы можете посмотреть видео или воспользоваться текстовой инструкцией, которая расположена ниже в этой статье.

1. Регистрация в Figma

Первое что вам необходимо сделать это перейти по адресу figma.com. В верхнем правом углу нажмите на кнопку Sign up.

Во всплывающем окне можно авторизоваться с помощью Google аккаунта, либо ввести e-mail и пароль. Рассмотрим второй вариант. Ввожу e-mail и пароль. Нажимаю на кнопку Create Account.

На следующем шаге укажите ваше имя и выберите род деятельности. Например «Design». Этот выбор ни на что не повлияет в дальнейшем.

Если хотите получать полезную рассылку от фигмы, то поставьте галочку напротив надписи «I agree to join Figma’s mailing list» и нажимаете на кнопку «Create Account».

Перед вами появится окно, что вам нужно проверить вашу электронную почту, которую вы до этого указали и подтвердить регистрацию.

Проверьте вашу почту и найдите письмо от Figma с заголовком «Verify your email address». Нажмите на кнопку для подтверждения регистрации верификации email адреса.

2. Настройка команды и выбор тарифного плана (можно пропустить)

В случае регистрации через email и пароль, перед вами появиться следующее окно, где вы можете создать новую команду. Окно может не появиться, если вы регистрировались через Google аккаунт. В этом нет ничего страшного. Если хотите создать новую команду, то укажите её название и нажмите на кнопку «Next», либо пропустите этот шаг нажав на надпись внизу «Do this later».

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

Далее вам предложат выбрать тарифный план. Если вы работаете в одиночку, либо вдвоем, то подойдет бесплатный тариф «Starter».

В бесплатный тариф «Starter» входят:

В платный тариф «Professional» включено:

Стоимость тарифа «Professional» — 12$ в месяц за 1 члена команды.

Если вы выберите бесплатный тариф, то вам предложат выбрать 2 стартовые библиотеки для командной работы. Выбирайте любое и нажимайте на кнопку «Next».

При желании можете воспользоваться подсказками, которые будет показывать вам Figma нажав на кнопку «Show me around», либо пропустите этот шаг.

3. Скачивание и установка Figma для работы на компьютере (Windows и Mac Os)

Чтобы скачать десктопную версию приложения Figma для Windows или Mac Os нажмите на меню «гамбургер» в левом верхнем углу и выберите надпись «Get Desctop App». В приложении работать удобнее, хотя можно работать через браузер. Приложение удобнее тем, что там можно создавать сразу несколько файлов. В браузере дела обстоят иначе.

Второй способ скачать программу figma на ваш компьютер — это перейти по адресу https://www.figma.com/downloads/ Там можно выбрать приложение для macOs либо для Windows.

После скачивания архива, его распаковки и открытия программы figma на вашем компьютере перед вами появиться надпись «Welcome to Figma». Вам предложат авторизоваться через браузер. Для этого вы должны быть авторизованы в вашем аккаунте. Нажмите на кнопку «Log in with browser».

Вас перенаправит в браузер. Там нажмите на кнопку «Open the Decktop App».

Поздравляю! Вы скачали программу Figma и установили её на ваш компьютер. Так будет выглядеть интерфейс программы после её установки. В следующем уроке мы кратко рассмотрим интерфейс этого приложения.

Остальные уроки по работе в Figma можете посмотреть по этой ссылке

Источник

Получаем Figma-PRO бесплатно на 2 года

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

2. Создаем новый аккаунт.

3. Заполняем свои логины-почты-пароли.

4. Получаем на почту письмо, с предложением перейти на сайт. Переходим.

5. На сайте нас попросят заполнить небольшую анкету на английском языке. Заполнять лучше правдоподобно. Нужно найти в гугле какую нибудь школу или колледж в СШАй, где изучаю дизайн или тип того. Ну и указать, что закончить эту школу вы планируете в течении 2х-3х лет.

6. Ждем на почту письмо с подтверждением-приглашением.

ЗЫ: У меня получилось получить приглашение со второго раза. И пришло оно примерно через сутки, после заполнения анкеты.

7. Как получите письмо, переходите по ссылке на сайт фигмы.

8. Когда перейдете на сайт, слева будет кнопочка Upgrade. Жмем на неё.

9. Выбираем первый вариант (PRO)

10. На последнем шаге нам предложат заплатить, но НАМТАЭТОГОНЕНАДАА!! Поэтому кликаем вот на надпись Annual Plan, и выбираем Free for Education.

ЗЫ: На скрине этого варианта нет, потому что это уже второй аккаунт, который мне лень подтверждать

11. Радуемся PRO-аккаунту.

Найдены возможные дубликаты

Халява IT

8 постов 355 подписчиков

Правила сообщества

Любить бесплатности :3

Rutracker и никаких танцев с бубном.

А халява IT отличная идея.

Что что что вы про фотошоп сказали?)))))))) Повторите пожалуйста)))

Вероятно он имеет ввиду, что нельзя полную версию скачать с трекера. В крякнутых версиях СААС продуктов отсутствуют фичи, которые требуются для масштабной работы. Например общий доступ к файлу.

У меня полная лицензия 😇

Бесплатный пак иконок. Figma, scetch, adobe xd

Нашел крутой, а главное бесплатный пак иконок для твоих проектов.) Архив прикрепил. Внутри все нужные файлы их можно перетащить в программу, которой ты пользуешься.

Современные инструменты Web & UI/UX дизайнера

Фотошоп изначально был заточен под работу с фотографией, в целом — растровой графикой, но не для работы с веб-интерфейсами: он имеет множество бесполезных функций, а необходимых, ускоряющих работу, удобных — не имеет. Да, несколько лет назад он был полноправным монополистом, а неловкие попытки поиска альтернатив (Иллюcтратор, Индизайн) не получали продолжения.

По моим субъективным ощущениям Скетч лидирует на профессиональном рынке. Если вы отправитесь на собеседование в значительную компанию, почти наверняка вас спросят, умеете ли вы в Скетч? Правда, для работы он использует встроенные функции iOS: на версию под Win уже никто особо не рассчитывает.

Скетч активно разрабатывается: из практических преимуществ, которые существуют на данный момент, можно выделить очень удобную работу с символами. Это что-то вроде смарт-объектов в фотошопе, но значительно функциональнее. Например, вы можете изменить контент внутри символа, не меняя сам символ. Предположим, у вас есть карточка товара. Чтобы создать бесконечное разнообразие карточек с разными товарами — вам хватит одного (!) символа.

Это небольшой и конкретный пример его превосходства над Figma и XD, о которых речь пойдет дальше. Если говорить о Фотошопе — Скетч превосходит его буквально во всём, что касается интерфейсов.

На данный момент самая удачная альтернатива Скетчу для win-юзеров. По сути, этот выбор за вас делает платформа.

Фигма тоже активно разрабатывается. Есть все надежды на то, что она ни в чём не будет уступать Скетчу, но уже сейчас у неё есть свои особенные фишечки, например, коллективная работа над документом — механика похожа на коллективную работу в GoogleDocs.

3. Experience Design

Не то, что мне было что сказать о нём, но как дань былому величию Adobe; и XD, как надежде на хотя бы частичное его возвращение, думаю, стоит его упомянуть. Кто работает в XD, можете дополнить меня в комментариях.

На данный момент он очень сырой, но выглядит, тем не менее, перспективно. И, может быть субъективно, но в плане взаимодействия — приятнее Фигмы (потому что больше похож на Скетч).

Всё это здорово, но.

Всё это здорово, но если вернуться от теории к правде жизни, наверняка возникнут некоторые проблемы. Например,

Как быть с обработкой растровых изображений (ретушь, коррекция, сменить-фон-убрать-прыщи)?

Никак. Всему свои инструменты: для разработки интерфейсов — Sketch, Figma etc; для работы с растровыми изображениями — Фотошоп. Никого не смущает, что мы не обрабатываем фотографии с помощью HTML/CSS, к примеру, так почему должно смущать, что мы не делаем это с помощью Скетча?

Внедрение Sketch или Figma повышает качество и скорость работы, как со стороны дизайна, так и со стороны разработки.

Может быть, не все люди пойдут на встречу, но это не повод обрекать себя на фотошоп-болото и отказываться от развития.

Разработчик отправит меня на х#й Как быть, если панически боится разработчик?

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

Маловероятно, что такой вопрос в принципе возникнет. Как правило, преимущества Zeplin/Figma над psd-исходником, им (разработчикам) даже очевиднее, чем нам (дизайнерам) — достаточно минимальной демонстрации.

Источник

What’s new in Figma

We ship every week, so you can ship more great designs.

Create reusable, shareable interactive components for your design systems and prototypes.

Pump up your jam sessions with widgets that bring in new functionality to FigJam—from voting, polling, games, and more. Or use your favorite plugins to speed up your workflow.

Jam with anyone, anywhere

Open sessions give you a fast and frictionless way to invite users to your FigJam files for 24 hours—no Figma account required.

Compare, test, and present multiple interactive ideas from a single page.

Get inspired and branch a file. Merge changes and move ideas forward when you’re ready.

Meet FigJam, an online whiteboard for teams to ideate and brainstorm together.

Set a shared timer in FigJam to keep brainstorms, retros, and workshops productive and engaging.

Explain an idea, get on the same page, and find that next design breakthrough, together.

View and share files and prototypes—from anywhere, with anyone. Introducing the Figma mobile app. Coming soon to iOS and Android.

Work and play together with up to 500 of your closest design friends in Figma (and coming soon to FigJam).

Now everyone can publish to the Figma Community. Share new work, a helpful template, or a cool trick with the world.

Get your point across

Bulleted and numbered lists, now available in Figma. Use them to organize information, emphasize important details, or outline next steps.

All of your Figma accounts, connected

You can now seamlessly switch between different Figma accounts. And, you can link your Community profiles together.

Connect with fellow creators

Now, you can communicate with fellow creators in the Figma Community via comments. Give in-context feedback on files. Suggest feature ideas for plugins. Ask a fellow creator how they did something. Or, simply share some love.

With our new prototype action, scroll to a selected object or layer in the same top-level frame. Use same screen interactions to help users easily explore landing pages, carousels, and more.

Keep on flexin’

Auto Layout is getting more flexible and has a fresh new look. Stretch in any direction, control padding independently, and distribute objects evenly—all in an easier to use interface.

Источник

Figma F.A.Q. — технические вопросы

Ответы на самые часто задаваемые вопросы про Figma. В этой статье даются ответы на технические вопросы, связанные с работой программы. Если в этом списке нет интересующего тебя вопроса или подходящего ответа — задай его в обсуждении в группе со скриншотами и логами ошибок.

Как использовать свои шрифты в Figma?

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

Как использовать локальные шрифты на Linux?

Существует неофициальный клиент для Figma, созданный для Linux. Мы не можем гарантировать, что он работает, но создатель пишет, что включил поддержку локальных шрифтов, что не может не радовать. Информацию о нем можно найти в этом посте или в репозитории проекта.

Как отключить стандартные шрифты в Figma?

По дефолту в Figma доступны все шрифты из Google Fonts. Если тебе они не нужны, и ты хочешь использовать только локальные шрифты — можно отключить стандартные шрифты. Это делается с помощью настройки в меню Preferences → Show Google Fonts.

Можно ли работать и сохранять файлы в Figma без интернета?

Пропали все объекты с холста, что делать?

Если пропали все или некоторые объекты в Figma, для начала попробуй отменить предыдущее действие (Ctrl/Cmd + Z), а потом закрыть и открыть файл снова. Если это не помогло, тогда зайди в историю версий. Проверь, есть ли там версия со всей работой, и если есть — восстанови её. В противном случае отправь в поддержку данные о своей видеокарте с описанием проблемы.

Пропали изображения в Figma!

Каковы системные требования Figma?

Минимальные требования для операционных систем:

Браузеры, которые поддерживаются Figma:

Браузеры Internet Explorer, Opera, Yandex Browser и остальные — не поддерживаются. Figma всё равно может работать, но стабильность не гарантируется.

Поддержка видеокарт: Рекомендуется, чтобы видеокарта была от 2012 года выпуска — на более старых работать тоже будет скорее всего, но не можем гарантировать. Минимальные требуемые видеокарты:

Не устанавливается десктопная версия Figma!

На операционные системы с 32-разрядной архитектурой десктопное приложение Figma установить нельзя. Font Helper также не работает на 32bit системах. Если же не удается установить Figma Desktop или Font Helper на 64-разрядную ОС — напиши в поддержку: support@figma.com, по возможности со скриншотами и логами ошибок.

Как войти в аккаунт в десктопном приложении Figma?

Для входа в аккаунт в десктопном приложении Figma необходимо нажать Log in with browser и перейти в браузер. Когда ты увидишь надпись Go to the browser to complete login, должно открыться окно браузера.

Когда откроется окно браузера, тебе нужно будет авторизоваться в Figma привычным способом. Потом появится кнопка Open the Desktop App, при нажатии на которую браузер спросит, действительно ли ты хочешь открыть приложение Figma. Нажми открыть, и ты войдешь в аккаунт Figma в десктопном приложении.

Не получается войти в аккаунт Figma в десктопном приложении?

Если ты видишь надпись Go to the browser to complete login, но окно браузера не открывается — убедись, что браузером по умолчанию в системе установлен браузер, который поддерживается Figma. Желательно это должен быть Google Chrome — с ним этот механизм работает лучше всего. Internet Explorer не поддерживается. После этого нажми Go back and try again и попробуй сначала.

Не открывается Figma. 🙁

Сервера Figma работают стабильно и падения случаются очень редко и ненадолго. Следить за статусом работы серверов Figma можно на https://status.figma.com/.

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

Если не открывается редактор или сам сайт Figma — возможно мешают настройки антивируса, брендмауэра или файрволла. Чтобы проверить, попробуй зайти с того же компьютера, но с другой точки доступа (например, раздать интернет с телефона). Если по-прежнему не открывается — проблема в компьютере. А если нет — во внешних факторах (провайдер, Роскомнадзор, сама Figma, НЛО), и порой её можно решить при помощи VPN.

Не открывается файл Figma: An error occurred while opening the editor или бесконечная загрузка

Иногда случается, что Figma не удаётся открыть один файл. Если все остальные файлы открываются нормально, а один файл не загружается или показывается ошибка An error occurred while opening the editor — возможно при прошлом сохранении файла произошел сбой.

Большинство этих случаев можно решить восстановлением предыдущей версии файла. Для этого кликни по файлу правой кнопкой мыши с зажатыми кнопками Alt + Shift и выбери в контекстном меню Restore from Version. В открывшемся окне нажми кнопку Restore рядом с предыдущей версией файла.

Также возможно файл стал чересчур большим и Figma не хватает памяти, чтобы его открыть (одна вкладка может использовать до 2ГБ памяти максимум, иногда меньше в зависимости от открытых программ). Следует попробовать разбить файл на несколько отдельных. А если у тебя слабый компьютер (в особенности с 32-битной системой) то попробуй перед открытием Figma закрыть все остальные программы.

Постоянно перезагружается страница Figma в браузере!

При открытии проекта браузер выдает ошибку, перезагружает страницу, после перезагрузки Фигма выдает ошибку, и страница опять перезагружается, и так по кругу…

Это может происходить, если браузер не поддерживается Figma. В частности, Яндекс браузер. Поддерживаемые браузеры можно найти в официальной документации.

Figma работает медленно, лагает, зависает, компьютер греется и вентиляторы начинают шуметь.

Если в компьютере две видеокарты — возможно используется не та, которая нужна. Попробуй поменять используемую видеокарту. На macOS это можно сделать при помощи утилиты gfxcardstatus, либо отключив автоматическое переключение видеокарт в Системных Настройках в панели «Экономия Энергии». Если видеокарта одна — возможно она банально устарела. Убедись, что твоя аппаратура соответсвует требованиям, описанным в предыдущем пункте.

Артефакты, графические баги, проблемы с рендерингом.

У некоторых пользователей Figma появляются артефакты при масштабировании, добавлении Auto Layout или изображений, включении сеток и линеек или других действиях. При появлении любых графических глитчей в Figma первым делом напиши в поддержку и отправь скриншоты или видеозаписи происходящего. Также поможет если ты приложишь подробную информацию о своей видеокарте, её драйверах и других характеристиках компьютера.

А пока ждёшь ответа, загляни в галлерею глитчей Figma и отправь свои скриншоты Глебу для коллекции.

Тип артефактов 1: Синие линии по всему холсту.

Синие линии обычно появляются на некоторых системах при включении сеток или линеек, либо без совершения каких-то определенных действий. Глитч представляет собой чаще всего синие, изредка красные и черные вертикальные и иногда горизонтальные линии, которые появляются в файле Figma и мешают работать. Единого способа избавиться от них навсегда — нет. Часто помогает переустановка драйверов видеокарты через диспетчер задач. Временно может помочь перенос всего содержимого проблемного файла в новый файл, но через какое-то время есть шанс, что баг вернется.

Тип артефактов 2: Разноцветные прямоугольники, пиксели

Артефакты в виде прямоугольников по углам изображений и других объектов встречаются нечасто. И от них можно избавиться! Открой косоль разработчика (главное меню → Plugins → Development → Open Console) и вставь следующую команду:

После этого нажми Enter. Ниже появится текст, который тебе нужно будет скопировать и отправить в поддержку вместе со скриншотами бага. Команда поддержки Figma включит для тебя специальный фикс, который убирает этот тип артефактов.

Тип артефактов 3: Прямоугольники везде

Этот вид плохо изучен, так как встречается крайне редко. В Figma пропадают куски объектов, весь холст или отдельные фреймы покрываются большими прямоугольниками разной яркости, частично или полностью закрывая всё содержимое. Работать в таком файле не представляется возможным. С таким багом тебе следует обращаться в поддержку и попробовать обновить драйвера видеокарты.

Прототип сжат или частично покрыт квадратами.

Подобные артефакты возникают на Windows в браузере Chrome или приложении Figma, если они используют графическую библиотеку ANGLE версии D3D9. Иногда эта проблема может возникать только в одном браузере, так что попробуй другие, в частности Firefox. Одним из способов решения в Google Chrome является отключение аппаратного ускорения: найди и отключи в настройках браузера пункт “Использовать аппаратное ускорение”. Если это не помогает или ты используешь приложение Figma, необходимо переключиться на другую версию библиотеки ANGLE.

Google Chrome

Figma Desktop App

Почему изображения сжимаются до 4096 пикселей?

Почему в Figma нельзя загрузить изображения больше 4096 пикселей по одной из сторон? Дело в том, что Figma в своей основе использует WebGL, а он в свою очередь не позволяет использовать растровую графику разрешением выше 4K. Если закинуть изображение большего размера, оно будет уменьшено до достижения максимального размера. Такая картинка будет становиться пиксельной или размытой при увеличении до прежнего размера.

К сожалению, это ограничение обойти нельзя — можно только разделить предварительно изображения на куски, меньше или равные 4096px по большей из сторон. Автоматически это может сделать плагин Insert Big Image.

В Figma все увеличилось/уменьшилось и отображается размыто, смазано, мыльно — что делать?

В браузере: если вдруг интерфейс Figma увеличился или размылся — посмотри на адресную строку браузера. Там скорее всего есть иконка лупы, которая означает, что масштаб страницы увеличен или уменьшен. Нажми на нее и выбери масштаб 100%, чтобы вернуть все на места. В будущем, чтобы избежать такого, не пользуйся сочетанием клавиш Ctrl/Cmd + “+” или “-” в Figma. Для изменения масштаба в Figma можно нажимать просто + и —, без дополнительных кнопок!

На этой странице можно найти подробные инструкции для конфигурации браузеров для работы с Figma.

В десктопном приложении тоже есть настройка, изменяющая масштаб интерфейса:

Почему не работает Ctrl + Z или другое сочетание клавиш?

Шоткаты не работают обычно если они перехватываются какой-нибудь другой программой или расширением в браузере. В первую очередь попробуй зайти через режим инкогнито в браузере, где будет расширений. Также в редких случаях работа горячих клавиш зависит от выбранной раскладки — попробуй переключиться на английскую. Если решение не находится — некоторые пользователи решают эту проблему переустановкой системы, чтобы убедиться в том, что нет никаких препятствующих программ.

При нажатии Alt выбранный текст дублируется и меняется.

Проблема: При перетаскивании текста для копирования с нажатым Alt или при нажатии Alt для просмотра расстояний между объектами — текстовый блок дублируется, и текст меняется на что-то непонятное.

В этом виновата программа Punto Switcher. Есть несколько способов решить эту проблему:

Не работает Figma Mirror — ничего не происходит.

Figma Mirror (https://www.figma.com/mirror) — это веб приложение Figma, которое просто отображает текущий выбранный фрейм. Соответственно, если ты заходишь в Figma Mirror и открывается то, что на картинке внизу — нужно просто в файле, где ты сейчас работаешь, выбрать любой фрейм, лежащий на рабочем пространстве — он отобразится в «зеркале».

Figma Mirror работает как в браузере, так и в виде приложения на устройствах с Android 7 и выше или iOS 9 и выше.

Как увеличить историю действий для Ctrl + Z?

Увеличить число изменений для отмены при помощи Ctrl + Z или Cmd + Z нельзя, но можно воспользоваться историей версий. История версий (Version History) — это история изменений в файле, — бекапы, которые периодически Figma делает автоматически. Поэтому к прошлой версии файла легко вернуться, выбрав необходимую версию и нажав «Restore». В бесплатной версии можно откатиться на версию сделанную не раньше 30 дней назад, а в платной — на любую во всей истории файла. Сами файлы при этом хранятся неограниченно долго, так что за них беспокоиться не стоит.

В Figma цвета отображаются некорректно или становятся тусклыми при экспорте.

На двух разных устройствах: Цвета при просмотре макета в Figma и на телефоне отличаются. Например, в Figma Mirror или при просмотре экспортированного изображения. Это нормально: на двух разных устройствах разные дисплеи, которые немного по-разному отображают одни и те же цвета. Ничего с этим сделать нельзя, на всех устройствах цвета будут немного отличаться.

На одном устройстве: Если ты видишь, что при экспорте цвета становятся более бледными или тусклыми, смени цветовой профиль в Figma. Сделать это можно в меню Figma → Color Space. В зависимости от модели Mac или твоего монитора, нужно выбрать sRGB или Unmanaged. Но если цвета искажаются при экспорте— просто выбери противоположный тому, что сейчас установлен.

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

Изображения в PDF не экспортируются, становятся сиреневыми прямоугольниками.

Розовые/фиолетовые/сиреневые прямоугольники обычно появляются вместо изображений в очень больших PDF файлах, либо при экспорте PDF на слабом компьютере.

Источник