При попытке установить программу на ноутбук на ОС 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()
Подскажите, что с этим делать? Как установить программу?
Error: EACCES: permission denied, copyfile '/Applications/Figma.app/Contents/Resources/app.asar' -> '/Applications/Figma.app/Contents/Resources/app.asar.bk'
at Object.fs.copyFileSync (original-fs.js:2026:3)
at writePacked (/private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/1851CFF7-E2B3-4AC0-A298-167658474332/d/Figma Plus.app/Contents/Resources/app.asar/renderer.js:281:18)
at /private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/1851CFF7-E2B3-4AC0-A298-167658474332/d/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/asar.js:157:18
at writeFileListToStream (/private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/1851CFF7-E2B3-4AC0-A298-167658474332/d/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:42:10)
at ReadStream.<anonymous> (/private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/1851CFF7-E2B3-4AC0-A298-167658474332/d/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:37:16)
at ReadStream.emit (events.js:187:15)
at endReadableNT (_stream_readable.js:1090:12)
at process._tickCallback (internal/process/next_tick.js:63:19)
Figma Plus 1.0.0
Electron 3.0.9
darwin 17.7.0
Locale: en-GB
I get this as well.
Error: EACCES: permission denied, copyfile '/Applications/Figma.app/Contents/Resources/app.asar' -> '/Applications/Figma.app/Contents/Resources/app.asar.bk'
at Object.fs.copyFileSync (original-fs.js:2026:3)
at writePacked (/Applications/Figma Plus.app/Contents/Resources/app.asar/renderer.js:281:18)
at /Applications/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/asar.js:157:18
at writeFileListToStream (/Applications/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:42:10)
at ReadStream.<anonymous> (/Applications/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:37:16)
at ReadStream.emit (events.js:187:15)
at endReadableNT (_stream_readable.js:1090:12)
at process._tickCallback (internal/process/next_tick.js:63:19)
Figma Plus 1.0.0
Electron 3.0.9
darwin 18.5.0
Locale: en-US
We are still investigating into this issue.
Meanwhile, can you help us to test if this works:
- Copy and paste you Figma app from the Applications folder onto your Desktop (make sure it’s not a 2. shortcut but an actual copy of the app file)
- Delete the Figma app from Applications folder.
- Run the Figma Plus installer.
- If it asks to locate your app, point it to your Figma app on the desktop.
- Open the Figma app.
Please let us know how this goes, it will help us to identify the problem.
Same here. Just tried to do what @jackiecorn did and didn`t worked.
Unhandled Error
Error: EACCES: permission denied, copyfile '/Users/gabrielvaz/Desktop/Figma.app/Contents/Resources/app.asar' -> '/Users/gabrielvaz/Desktop/Figma.app/Contents/Resources/app.asar.bk'
at Object.fs.copyFileSync (original-fs.js:2026:3)
at writePacked (/Users/gabrielvaz/Desktop/Figma Plus.app/Contents/Resources/app.asar/renderer.js:281:18)
at /Users/gabrielvaz/Desktop/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/asar.js:157:18
at writeFileListToStream (/Users/gabrielvaz/Desktop/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:42:10)
at ReadStream.<anonymous> (/Users/gabrielvaz/Desktop/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:37:16)
Tried to replace Figma at Desktop. It’s doesn’t work
Unhandled Error
Error: EACCES: permission denied, copyfile ‘/Users/alhova.d/Desktop/Figma.app/Contents/Resources/app.asar’ -> ‘/Users/alhova.d/Desktop/Figma.app/Contents/Resources/app.asar.bk’
at Object.fs.copyFileSync (original-fs.js:2026:3)
at writePacked (/private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/C7ADE20A-5619-44CC-9FCF-7EB9851306D9/d/Figma Plus.app/Contents/Resources/app.asar/renderer.js:281:18)
at /private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/C7ADE20A-5619-44CC-9FCF-7EB9851306D9/d/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/asar.js:157:18
at writeFileListToStream (/private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/C7ADE20A-5619-44CC-9FCF-7EB9851306D9/d/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:42:10)
at ReadStream. (/private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/C7ADE20A-5619-44CC-9FCF-7EB9851306D9/d/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:37:16)
Error: EACCES: permission denied, copyfile '/Applications/Figma.app/Contents/Resources/app.asar' -> '/Applications/Figma.app/Contents/Resources/app.asar.bk'
at Object.fs.copyFileSync (original-fs.js:2026:3)
at writePacked (/private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/1851CFF7-E2B3-4AC0-A298-167658474332/d/Figma Plus.app/Contents/Resources/app.asar/renderer.js:281:18)
at /private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/1851CFF7-E2B3-4AC0-A298-167658474332/d/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/asar.js:157:18
at writeFileListToStream (/private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/1851CFF7-E2B3-4AC0-A298-167658474332/d/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:42:10)
at ReadStream.<anonymous> (/private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/1851CFF7-E2B3-4AC0-A298-167658474332/d/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:37:16)
at ReadStream.emit (events.js:187:15)
at endReadableNT (_stream_readable.js:1090:12)
at process._tickCallback (internal/process/next_tick.js:63:19)
Figma Plus 1.0.0
Electron 3.0.9
darwin 17.7.0
Locale: en-GB
I get this as well.
Error: EACCES: permission denied, copyfile '/Applications/Figma.app/Contents/Resources/app.asar' -> '/Applications/Figma.app/Contents/Resources/app.asar.bk'
at Object.fs.copyFileSync (original-fs.js:2026:3)
at writePacked (/Applications/Figma Plus.app/Contents/Resources/app.asar/renderer.js:281:18)
at /Applications/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/asar.js:157:18
at writeFileListToStream (/Applications/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:42:10)
at ReadStream.<anonymous> (/Applications/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:37:16)
at ReadStream.emit (events.js:187:15)
at endReadableNT (_stream_readable.js:1090:12)
at process._tickCallback (internal/process/next_tick.js:63:19)
Figma Plus 1.0.0
Electron 3.0.9
darwin 18.5.0
Locale: en-US
We are still investigating into this issue.
Meanwhile, can you help us to test if this works:
- Copy and paste you Figma app from the Applications folder onto your Desktop (make sure it’s not a 2. shortcut but an actual copy of the app file)
- Delete the Figma app from Applications folder.
- Run the Figma Plus installer.
- If it asks to locate your app, point it to your Figma app on the desktop.
- Open the Figma app.
Please let us know how this goes, it will help us to identify the problem.
Same here. Just tried to do what @jackiecorn did and didn`t worked.
Unhandled Error
Error: EACCES: permission denied, copyfile '/Users/gabrielvaz/Desktop/Figma.app/Contents/Resources/app.asar' -> '/Users/gabrielvaz/Desktop/Figma.app/Contents/Resources/app.asar.bk'
at Object.fs.copyFileSync (original-fs.js:2026:3)
at writePacked (/Users/gabrielvaz/Desktop/Figma Plus.app/Contents/Resources/app.asar/renderer.js:281:18)
at /Users/gabrielvaz/Desktop/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/asar.js:157:18
at writeFileListToStream (/Users/gabrielvaz/Desktop/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:42:10)
at ReadStream.<anonymous> (/Users/gabrielvaz/Desktop/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:37:16)
Tried to replace Figma at Desktop. It’s doesn’t work
Unhandled Error
Error: EACCES: permission denied, copyfile ‘/Users/alhova.d/Desktop/Figma.app/Contents/Resources/app.asar’ -> ‘/Users/alhova.d/Desktop/Figma.app/Contents/Resources/app.asar.bk’
at Object.fs.copyFileSync (original-fs.js:2026:3)
at writePacked (/private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/C7ADE20A-5619-44CC-9FCF-7EB9851306D9/d/Figma Plus.app/Contents/Resources/app.asar/renderer.js:281:18)
at /private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/C7ADE20A-5619-44CC-9FCF-7EB9851306D9/d/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/asar.js:157:18
at writeFileListToStream (/private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/C7ADE20A-5619-44CC-9FCF-7EB9851306D9/d/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:42:10)
at ReadStream. (/private/var/folders/7b/rh7gjfh55_x95cs1284r26qcxg20xy/T/AppTranslocation/C7ADE20A-5619-44CC-9FCF-7EB9851306D9/d/Figma Plus.app/Contents/Resources/app.asar/node_modules/asar/lib/disk.js:37:16)
Почему в фигме не работают шрифты
Сообщения: 74
Благодарности: 1
| Конфигурация компьютера | |
| Процессор: Intel Core 2 Quad Q 9550 2.830MHz | |
| Материнская плата: Intel DP45SG | |
| Память: Corsair DDR3 1333 MHz CL9 2X1GB, 2X2GB | |
| HDD: WD VelociRaptor 300 GB SATA-3 32MB; WD Caviar Black 2 TB SATA-3; SSD Plextor M6Pro 256GB; | |
| Видеокарта: Giga-Byte NVidia GeForce 1GB GDDR3 9800GTX+ | |
| Звук: ASUS Xonar Essence STX | |
| Блок питания: Zalmann ZM850-HP 2010 год выпуска | |
| CD/DVD: Plextor DVD-RW PX-820SA/3 | |
| Монитор: Dell P2210 20`2 штуки | |
| Ноутбук/нетбук: Desctop | |
| ОС: Win 8.1 x64 PRO | |
| Прочее: Case- Cooler Master Cosmos; cooler- Zalmann CNPS 9700NT |
В эту тему пишу или не правильно? Если что, то сильно не пинайте
Прошу помочь разобраться со шрифтами на компе. Система 64 бит, Win 10 Pro.
При работе в Figma у меня нет отображения шрифта Playfair Display в начертаниях regular, medium,semibold, bold,extrabold, black.
Но есть только начертания regular roman, roman, bold roman, black roman того же шрифта.
На этом же компе при ранее инсталлированной Win 7 64 бит всё было нормально. Скачивал с гугла шрифт, устанавливал на комп — не помогло.
Как добавить шрифты в Figma
Figma на всех версиях продукта (приложения Mac, Windows и браузерная) предоставляет пользователям доступ к библиотекам Google Fonts.
Выбор шрифтов выполняется в панели Text. Найти шрифт можно по названию, начав вводить первые буквы.

Для десктопных приложений локальные шрифты, установленные для операционной системы, также показываются в списке доступных шрифтов. То есть дополнительно устанавливать их не требуется.
Если вы используете браузерную версию Фигмы, для установки дополнительных шрифтов вам потребуется приложение Figma Font Helper.
Как установить Figma Font Helper
- Откройте браузер файлов в Figma.
- Нажмите на свое имя в верхнем левом углу.
- Выберите настройки учетной записи из вариантов.
- Прокрутите вниз до раздела «Шрифты».
- Нажмите Download Installer, чтобы включить локальные шрифты:
- Или загрузите Font Helper с веб-сайта Figma: https://www.figma.com/downloads/
- Запустите установщик и следуйте инструкциям на экране.
Фигма, как ты знаешь, работает в облаке, будь то десктопная или браузерная версия. Работа в обоих версиях особо не отличается, есть только небольшая разница в подключении шрифтов.
Спасибо 
Как загрузить шрифты в Figma
Фигма, как ты знаешь, работает в облаке, будь то десктопная или браузерная версия. Работа в обоих версиях особо не отличается, есть только небольшая разница в подключении шрифтов.
Шрифты в десктопной версии Фигма
В этой версии программы подтягиваются все шрифты с твоей локальной машины + шрифты из гугл.фонтс. Все, что есть в этой библиотеке уже автоматически есть и у тебя в фигме. То есть, чтобы фигма отображала какой-то шрифт он должен быть установлен у тебя на компьютере или находиться на сайте гугл фонтс..
Как установить шрифты на пк? очень просто. Качаешь нужный шрифт, распаковываешь его. После находишь папку со шрифтами на своем пк (можно воспользоваться поиском) и просто перетаскиваешь распакованный шрифт в папку со своими локальными шрифтами. Конечно же, чтобы Figma их увидела нужно будет перезагрузить программу.
Подключить локальные шрифты в браузерную версию Figma
Тут все немного сложнее, но то же просто) нужно зайти в настройки своего аккаутна из браузерной версии вот тут

Найти там пункт fonts и кликнуть на большую синюю кнопку

Загрузив утилиту у тебя появится примерно такое сообщение

Вот видишь, наверное, у меня 466 шрифтов на локальной машине, которые теперь тоже подтягиваются в Фигма.
Иконочный шрифт в Фигма
Но и это еще не все. Ты всегда можешь использовать иконочный шрифт в фигма, типа фонтаусом и ему подобные. При этом ты можешь сам создавать свои иконочные шрифты вот на этом сервисе icomoon.io. Тупо заливай туда свои свг, превращай в шрифт и загружай его себе на комп. Понятное дело, что Фигма подтянет их и у тебя будет свой собственный уникальный иконочный шрифт. Круто, правда?
Читай о том, как сделать Фигму на русском и как поменять хот кеи в программе.
Содержание
- Установка Figma
- Интерфейс программы
- Figma — где скачать и как установить программу на компьютер?
- 1. Регистрация в Figma
- 2. Настройка команды и выбор тарифного плана (можно пропустить)
- В бесплатный тариф «Starter» входят:
- В платный тариф «Professional» включено:
- 3. Скачивание и установка Figma для работы на компьютере (Windows и Mac Os)
- Figma
- Создание макетов
- Совместная работа
- Что такое Figma: возможности и принципы работы
- Что такое Figma
- Возможности и особенности Figma
- Многопользовательский режим редактирования
- Облачный сервер хранения файлов
- Компоненты
- История версий
- Фреймы
- Сетки
- Десктопная версия
- Условная бесплатность
- Figma
- Описание
Установка Figma


Нажать по ссылке Desktop App for macOS или Desktop App for Windows в зависимости от того, какая система у вас установлена на компьютере.

На ваш компьютер загрузится файл установщик Figma. Нажмите по нему два раза и установите программу.

При установке Figma никакие данные вводить не надо она сама установится, а на рабочем столе появится ярлык запуска десктопного приложения Figma.
При первом запуске приложения, вас попросят ввести E-mail и пароль которые вы вводили при регистрации на сайте www.figma.com
И браузерная и десктопная версии Figma практически ничем не отличаются, мы будем рассматривать и работать в десктопной версии.
Через несколько дней использования программы, вас могут попросить подтвердить E-mail, так что используйте при регистрации рабочие почтовые адреса.
Интерфейс программы

В следующем уроке мы разберем с вами интерфейс программы 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
С помощью программы можно создавать макеты для сайтов и приложений. Есть бесплатная версия приложения, позволяющая работать не более чем с тремя проектами.
Figma – графический редактор для Windows, который позволяет проектировать дизайн интерфейсов. С помощью программы веб дизайнеры и разработчики могут создать макет сайта или приложения. Есть возможность добавлять пользователей в команду для совместной работы.
Создание макетов
В бесплатной версии программы можно одновременно создавать до трех макетов. Для входа необходимо зарегистрироваться. Доступна возможность добавить в команду одного пользователя с правами редактирования.
Для начала работы необходимо в главном окне программы выбрать шаблон или загрузить свой проект, нажав на кнопку Import File. В боковой панели с правой стороны отображается структура макета и названия всех элементов.
С помощью графического редактора можно создавать:
Любой элемент интерфейса можно экспортировать для использования в другой программе. Все изменения автоматически сохраняются в облаке. Графический редактор позволяет просматривать историю правок и при необходимости восстанавливать старые версии.
Совместная работа
В платной версии программы поддерживается интеграция со Slack. Не выходя из приложения, пользователи могут обсуждать работу и обмениваться идеями.
Доступна возможность совместного редактирования макета в режиме реального времени. Курсоры пользователей подсвечиваются разными цветами. Также можно добавлять комментарии к элементам интерфейса.
Источник
Что такое Figma: возможности и принципы работы
Революционный онлайн-сервис для дизайнеров. Проектируйте, создавайте прототипы и работайте командой прямо в браузере. Рассказываем о Figma.


У Figma низкие требования к подготовке пользователя и мощный потенциал при относительной простоте. Чтобы все возможности программы с самого начала работали на вас, обратите внимание на курс Skillbox по Figma. Вам расскажут многие тонкости и неочевидные моменты, которые впоследствии сэкономят кучу времени.
Что такое Figma
Figma — кросс-платформенный онлайн-сервис для дизайнеров интерфейсов и веб-разработчиков. Разработка интерфейсов происходит в онлайн-приложении.
У Figma две ключевые особенности: доступ к макету прямо из окна браузера и возможность совместной работы над документами.


Автор статей по дизайну. В веб-дизайн пришел в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил верстку. Время от времени публикует переводы на Хабре.
Возможности и особенности Figma
Многопользовательский режим редактирования
До появления Figma нескольким дизайнерам сложно было работать над одним проектом и передавать макеты разработчикам. Photoshop отказывался корректно открывать макет, пока вы не установите нужные шрифты. Или коллега вносил изменения в свою копию проекта и забывал сказать вам об этом.
Команда Figma учла подобные проблемы и создала продукт, который позволяет работать над проектом одновременно нескольким дизайнерам, поддерживает версионость и даёт много других возможностей. Они упрощают жизнь как дизайнеру, так и разработчику.
Чтобы сотрудничать с другими дизайнерами, создайте команду.

Всё интуитивно понятно: пишете название команды, выбираете нужный тариф, готово.

Облачный сервер хранения файлов
Все файлы хранятся в облаке Figma. Не надо вспоминать, где лежат ваши макеты, скачивать и после того, как внесли изменения, заливать их обратно. Изменения в Figma сохраняются автоматически.
Курс «Графический дизайнер с нуля до PRO»
Попробуйте курс по графическому дизайну бесплатно

Компоненты
Это элементы пользовательского интерфейса, которым можно задавать общие стили — и затем быстро менять их во всём макете сразу.
Например, вы закончили разработку 50 макетов в Photoshop, заказчик попросил вас поменять пункт меню в шапке и прислать все макеты на утверждение. Раньше приходилось проделывать это вручную. В Figma проблема решена: изменяете что-то одно — меняются стили всех элементов с этим стилем.

История версий
В Figma легко просматривать ранние версии файла и восстанавливать или дублировать любую из них. Версии автоматически сохраняются, если в течение 30 минут в файле не было никаких изменений.
Вы видите, когда файл был отредактирован и кто сделал изменения. Можно и вручную добавлять новые версии при необходимости. Чтобы не запутаться в дальнейшем, осмысленно называйте версии и добавляйте описание. Например, детали проекта: итерацию, этап, какие изменения внесли.
Фреймы
Очень похожи на артборды в Photoshop, но имеют большую гибкость в работе: они хорошо масштабируются и их с лёгкостью можно использовать в других фреймах. Для фреймов есть предустановленные размеры устройств: Phones, Tablet, Desktop, Watch, Paper, Social Media. Поэтому нет надобности держать их в голове и путаться в размерах.

Сетки
Панель Grid Layout позволяет быстро создать любую сетку.

Десктопная версия
Figma — онлайн-сервис, но есть и десктопная версия. Для работы в ней нужно авторизоваться и иметь постоянное интернет-подключение. Файлы сохраняются локально и при необходимости импортируются в браузерную версию.
Условная бесплатность
Figma можно пользоваться бесплатно, с такими основными ограничениями:
Если вам станет тесно на бесплатном тарифе, переходите на Professional стоимостью 12 долларов в месяц или Organization — 45 долларов в месяц.

Это далеко не все возможности программы. Дизайнеру важны скорость работы над проектом и коммуникация в процессе. Эти и многие другие задачи позволяет решить онлайн-сервис Figma.
О конкретных приемах, которые упростят работу в Figma, читайте здесь.
Источник
Figma

Описание
Use multiple icons, bars, and signatures to create and customize an interface design. Manipulate vector networks in a direct way while saving backward-compatibility with paths. Generate a group of shape layers using four formulas, namely, union, subtract, intersect, and exclude.
Скачать Figma 3.6.15 бесплатно с архива. Figma устанавливается на Windows 7/8/10, 32-бит версию.
Наиболее часто используемые названия файлов для установки программы: Figma Beta.exe и Figma.exe и т.д. Это бесплатное программное обеспечение принадлежит Figma, Inc.
Наша антивирусная программа проверила эту загрузку и признала ее полностью «чистой» от вирусов. Самые популярные версии среди пользователей Figma 3.6 и 1.8. Программа принадлежит к категории Фото, а точнее к подкатегории 3D дизайн. Размер файла последней версии для установки 86.4 MB.
Figma is the first interface design tool with real-time collaboration.
Main features:
— Vector networks that reimagined how the pen tool should work.
— Precise, easy to use boolean operations, gradients and fills.
— Layout grids give you more granular control over constraints.
— Components allow you to reuse elements across your designs.
Мы предлагаем оценить другие программы, такие как Autodesk Inventor View, Solid Edge 2D Drafting или Envisioneer Express, которые часто используются вместе с Figma.
Источник
Установка 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» входят:
- 3 проекта для команд и совместной работы.
- 2 бесплатных стартовых библиотеки от Figma.
- Сохранение истории версий проектов в течении 30 дней.
- Неограниченное облачное хранилище.
- Возможность 2 человек работать над одним проектом одновременно.
В платный тариф «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 можете посмотреть по этой ссылке

P.S. Проект и автор не связан с компанией Figma (Not affiliated with Figma).
0
18 комментариев
Написать комментарий…
Редкий шар
7.06.2022
Так РФ ни при чём, у Фигмы реально сайт немного сломался. И в твиттере не только люди из РФ пишут о поломке.
Ответить
Развернуть ветку
ilya shilin
7.06.2022
Автор
уже обновил
Ответить
Развернуть ветку
Буржуазный чайник
7.06.2022
Ответить
Развернуть ветку
Ярослав
7.06.2022
В один прекрасный день у нас винда не включится
Ответить
Развернуть ветку
Денис Стрелкин
7.06.2022
Те, кто на ХР или семёрке сидит:
«Пф, ну мы же говорили».
Ответить
Развернуть ветку
Turtle
7.06.2022
?
Ответить
Развернуть ветку
ilya shilin
7.06.2022
Автор
а ты авторизуйся например.
Ответить
Развернуть ветку
Turtle
7.06.2022
Ок
Ответить
Развернуть ветку
ilya shilin
7.06.2022
Автор
у меня такое же вчера гог писал на раздаче
Ответить
Развернуть ветку
piquant
7.06.2022
Хмммм, он так должен работать?
Ответить
Развернуть ветку
Принцесса Nintendo
7.06.2022
не только в рф
Ответить
Развернуть ветку
Буржуазный чайник
7.06.2022
а зачем тебе фигма?
Ответить
Развернуть ветку
Принцесса Nintendo
7.06.2022
для работы..
Ответить
Развернуть ветку
Буржуазный чайник
7.06.2022
я думал в вашей сфере деятельности ток фотошопы юзаете
ну оки доги
Ответить
Развернуть ветку
Принцесса Nintendo
7.06.2022
сейчас только деды непрогрессивные делают интерфейсы или прототипы в фш
Ответить
Развернуть ветку
Буржуазный чайник
7.06.2022
ну так ты и дед
Ответить
Развернуть ветку
RayzeA
7.06.2022
крутить фигму на улице
Ответить
Развернуть ветку
Евгений Щуров
7.06.2022
«В РФ по ходу всё»
Чё всё то?) Выглядит как кликбэйт, я чуть инсульт не заработал.
Ответить
Развернуть ветку
Написать комментарий…
Читать все 18 комментариев