Меню

Фигма ошибка при установке

При попытке установить программу на ноутбук на ОС 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()

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

@Alkhova

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

@sweeting

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

@jackiecorn

We are still investigating into this issue.
Meanwhile, can you help us to test if this works:

  1. 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)
  2. Delete the Figma app from Applications folder.
  3. Run the Figma Plus installer.
  4. If it asks to locate your app, point it to your Figma app on the desktop.
  5. Open the Figma app.

Please let us know how this goes, it will help us to identify the problem.

@gabrielvaz

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)

@Alkhova

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)

@Alkhova

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

@sweeting

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

@jackiecorn

We are still investigating into this issue.
Meanwhile, can you help us to test if this works:

  1. 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)
  2. Delete the Figma app from Applications folder.
  3. Run the Figma Plus installer.
  4. If it asks to locate your app, point it to your Figma app on the desktop.
  5. Open the Figma app.

Please let us know how this goes, it will help us to identify the problem.

@gabrielvaz

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)

@Alkhova

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/
  • Запустите установщик и следуйте инструкциям на экране.

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

Спасибо :idea:

Как загрузить шрифты в Figma

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

Шрифты в десктопной версии Фигма

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

Как установить шрифты на пк? очень просто. Качаешь нужный шрифт, распаковываешь его. После находишь папку со шрифтами на своем пк (можно воспользоваться поиском) и просто перетаскиваешь распакованный шрифт в папку со своими локальными шрифтами. Конечно же, чтобы Figma их увидела нужно будет перезагрузить программу.

Подключить локальные шрифты в браузерную версию Figma

Тут все немного сложнее, но то же просто) нужно зайти в настройки своего аккаутна из браузерной версии вот тут

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

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

Вот видишь, наверное, у меня 466 шрифтов на локальной машине, которые теперь тоже подтягиваются в Фигма.

Иконочный шрифт в Фигма

Но и это еще не все. Ты всегда можешь использовать иконочный шрифт в фигма, типа фонтаусом и ему подобные. При этом ты можешь сам создавать свои иконочные шрифты вот на этом сервисе icomoon.io. Тупо заливай туда свои свг, превращай в шрифт и загружай его себе на комп. Понятное дело, что Фигма подтянет их и у тебя будет свой собственный уникальный иконочный шрифт. Круто, правда?

Читай о том, как сделать Фигму на русском и как поменять хот кеи в программе.

Содержание

  1. Установка Figma
  2. Интерфейс программы
  3. Figma — где скачать и как установить программу на компьютер?
  4. 1. Регистрация в Figma
  5. 2. Настройка команды и выбор тарифного плана (можно пропустить)
  6. В бесплатный тариф «Starter» входят:
  7. В платный тариф «Professional» включено:
  8. 3. Скачивание и установка Figma для работы на компьютере (Windows и Mac Os)
  9. Figma
  10. Создание макетов
  11. Совместная работа
  12. Что такое Figma: возможности и принципы работы
  13. Что такое Figma
  14. Возможности и особенности Figma
  15. Многопользовательский режим редактирования
  16. Облачный сервер хранения файлов
  17. Компоненты
  18. История версий
  19. Фреймы
  20. Сетки
  21. Десктопная версия
  22. Условная бесплатность
  23. Figma
  24. Описание

Установка Figma

zagruzka desktopnoiversii figma

zagrujaem figma na komputer

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

fail ustanovschik figma

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

yarlyk figma na rabochem stole

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

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

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

Через несколько дней использования программы, вас могут попросить подтвердить E-mail, так что используйте при регистрации рабочие почтовые адреса.

Интерфейс программы

interfeis programmy figma

В следующем уроке мы разберем с вами интерфейс программы Figma.

Источник

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

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

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

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

figma kak skachat 01

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

figma kak skachat 02

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

figma kak skachat 03

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

figma kak skachat 04

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

figma kak skachat 05

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

figma kak skachat 06

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

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

figma kak skachat 07

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

figma kak skachat 08

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

figma kak skachat 09

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

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

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

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

figma kak skachat 10

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

figma kak skachat 11

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

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

figma kak skachat 12

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

figma kak skachat 13

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

figma kak skachat 14

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

figma kak skachat 15

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

figma kak skachat 16

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

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

Источник

Figma

С помощью программы можно создавать макеты для сайтов и приложений. Есть бесплатная версия приложения, позволяющая работать не более чем с тремя проектами.

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

Создание макетов

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

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

С помощью графического редактора можно создавать:

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

Совместная работа

В платной версии программы поддерживается интеграция со Slack. Не выходя из приложения, пользователи могут обсуждать работу и обмениваться идеями.

Доступна возможность совместного редактирования макета в режиме реального времени. Курсоры пользователей подсвечиваются разными цветами. Также можно добавлять комментарии к элементам интерфейса.

Источник

Что такое Figma: возможности и принципы работы

Революционный онлайн-сервис для дизайнеров. Проектируйте, создавайте прототипы и работайте командой прямо в браузере. Рассказываем о Figma.

5d3c41dc68b4a661fd28855344d3ba76

6cd14b48e19f86d32c25fcccd93c4639

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

Что такое Figma

Figma — кросс-платформенный онлайн-сервис для дизайнеров интерфейсов и веб-разработчиков. Разработка интерфейсов происходит в онлайн-приложении.

У Figma две ключевые особенности: доступ к макету прямо из окна браузера и возможность совместной работы над документами.

fc3dcc00e844bf70959d0809f28d4e272e1b7337

18104316012020 8eade49e3e9855c545facb583cc75361d0c85654

Автор статей по дизайну. В веб-дизайн пришел в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил верстку. Время от времени публикует переводы на Хабре.

Возможности и особенности Figma

Многопользовательский режим редактирования

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

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

Чтобы сотрудничать с другими дизайнерами, создайте команду.

ed5c5d195c319f078570c76e4c3aa081d3f8f47b

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

09484124032019 image6

Облачный сервер хранения файлов

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

Курс «Графический дизайнер с нуля до PRO»

Попробуйте курс по графическому дизайну бесплатно

11033603082022 ca2acb2e44e635143b91c078d1172d26db6c9180

Компоненты

Это элементы пользовательского интерфейса, которым можно задавать общие стили — и затем быстро менять их во всём макете сразу.

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

03aa56bbcd3bf4db6e38683222861431da68f03a

История версий

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

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

Фреймы

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

28fb8f6709d5778acb0bd8a2fa28bde104b92881

Сетки

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

2da3c069f5d0c9a51e3dc116ad8e213f69b200c1

Десктопная версия

Figma — онлайн-сервис, но есть и десктопная версия. Для работы в ней нужно авторизоваться и иметь постоянное интернет-подключение. Файлы сохраняются локально и при необходимости импортируются в браузерную версию.

Условная бесплатность

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

Если вам станет тесно на бесплатном тарифе, переходите на Professional стоимостью 12 долларов в месяц или Organization — 45 долларов в месяц.

f5c2e9d09873d1e554a243f9ae2eb9c77824b34e

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

О конкретных приемах, которые упростят работу в Figma, читайте здесь.

Источник

Figma

empty

Описание

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 на ваш компьютер. Вы можете посмотреть видео или воспользоваться текстовой инструкцией, которая расположена ниже в этой статье.

Видео: Скачивание и установка программы Figma на компьютер

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

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

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

Регистрация в Figma черезг гугл аккаунт или email и пароль.

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

Выбор деятельности при регистрации в Figma.

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

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

Подтверждение email адреса при регистрации в figma

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

Подтверждение email адреса при регистрации в figma

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

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

Настройка команды при регистрации в figma

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

Добавление новых членов команды при регистрации в figma

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

Выбор тарифного плана в figma

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

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

  • 3 проекта для команд и совместной работы.
  • 2 бесплатных стартовых библиотеки от Figma.
  • Сохранение истории версий проектов в течении 30 дней.
  • Неограниченное облачное хранилище.
  • Возможность 2 человек работать над одним проектом одновременно.

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

  • Неограниченное количество проектов для команд.
  • Настраиваемые командные библиотеки.
  • Сохранение истории версий на неограниченный срок.
  • Настраивание пользовательских файлов / прав использования.
  • Частные проекты только по приглашениям.

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

Выбор 2 бесплатных библиотек при регистрации в figma

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

Окно «You're all set» показывает возможности figma после регистрации

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

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

Скачивание дескопной версии figma

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

Скачивание дескопной версии figma

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

login with browser (вход программу фигма через браузер)

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

открыть десктопное приложение фигма

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

регистрация фигмы завершена

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

Остальные уроки по работе в 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 комментариев

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

0 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии

А вот еще интересные материалы:

  • Яшка сломя голову остановился исправьте ошибки
  • Ясность цели позволяет целеустремленно добиваться намеченного исправьте ошибки
  • Ясность цели позволяет целеустремленно добиваться намеченного где ошибка
  • Фиат стило ошибки на панели приборов
  • Фиат стило ошибка подушек безопасности