Figma webgl error - Исправление ошибок и поиск оптимальных решений проблем

Около недели назад случился конец света, конец света для многих дизайнеров — перестала запускаться самая важная программа для интерфейсного проектирования, а именно 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

2021-05-27 15:36

Разработка

Источник

GPU report from figma-linux ->

Graphics Feature Status

Canvas: Software only. Hardware acceleration disabled
Compositing: Software only. Hardware acceleration disabled
Multiple Raster Threads: Disabled
Out-of-process Rasterization: Disabled
OpenGL: Disabled
Rasterization: Software only. Hardware acceleration disabled
Skia Renderer: Enabled
Video Decode: Software only. Hardware acceleration disabled
Vulkan: Disabled
WebGL: Disabled
WebGL2: Disabled

Problems Detected

GPU process was unable to boot: GPU process crashed too many times with SwiftShader.
Disabled Features: all
Gpu compositing has been disabled, either via blocklist, about:flags or the command line. The browser will fall back to software compositing and hardware acceleration will be unavailable.
Disabled Features: gpu_compositing
Accelerated video decode has been disabled, either via blocklist, about:flags or the command line.
Disabled Features: video_decode

Version Information

Data exported | 2021-05-21T04:00:45.507Z
— | —
Chrome version | Chrome/89.0.4389.90
Operating system | Linux 5.4.0-73-generic
Software rendering list URL | https://chromium.googlesource.com/chromium/src/+/398b018945b04cb71527b0df43fcdd3eea27510b/gpu/config/software_rendering_list.json
Driver bug list URL | https://chromium.googlesource.com/chromium/src/+/398b018945b04cb71527b0df43fcdd3eea27510b/gpu/config/gpu_driver_bug_list.json
ANGLE commit id | f25a0b5b404b
2D graphics backend | Skia/89 109bfc9052ce1bde7acf07321d605601d7b7ec24
Command Line | /opt/figma-linux/figma-linux —no-sandbox —enable-oop-rasterization —ignore-gpu-blacklist -enable-experimental-canvas-features —enable-accelerated-2d-canvas —force-gpu-rasterization —enable-fast-unload —enable-accelerated-vpx-decode=3 —enable-tcp-fastopen —javascript-harmony —enable-checker-imaging —v8-cache-options=code —v8-cache-strategies-for-cache-storage=aggressive —enable-zero-copy —ui-enable-zero-copy —enable-native-gpu-memory-buffers —enable-webgl-image-chromium —enable-accelerated-video —enable-gpu-rasterization —allow-file-access-from-files —disable-color-correct-rendering

Driver Information

Compositor Information

Tile Update Mode | Zero-copy
— | —
Partial Raster | Enabled

GpuMemoryBuffers Status

Display(s) Information

Info | Display[21441628360977476] bounds=[0,0 1920×1080], workarea=[0,28 1920×1052], scale=1, rotation=0, panel_rotation=0 external.
— | —
Color space (all) | {primaries_d50_referred: [[0.6442, 0.3535], [0.3226, 0.6231], [0.1521, 0.0552]], transfer:IEC61966_2_1, matrix:RGB, range:FULL}
Buffer format (all) | BGRA_8888
SDR white level in nits | 100
Bits per color component | 8
Bits per pixel | 24
Refresh Rate in Hz | 60

Video Acceleration Information

Vulkan Information

Device Performance Information

Driver Information for Hardware GPU

Graphics Feature Status for Hardware GPU

Canvas: Software only. Hardware acceleration disabled
Compositing: Software only. Hardware acceleration disabled
Multiple Raster Threads: Disabled
Out-of-process Rasterization: Disabled
OpenGL: Disabled
Rasterization: Software only. Hardware acceleration disabled
Skia Renderer: Enabled
Video Decode: Software only. Hardware acceleration disabled
Vulkan: Disabled
WebGL: Disabled
WebGL2: Disabled

Problems Detected for Hardware GPU

GPU process was unable to boot: GPU process crashed too many times with SwiftShader.
Disabled Features: all
Gpu compositing has been disabled, either via blocklist, about:flags or the command line. The browser will fall back to software compositing and hardware acceleration will be unavailable.
Disabled Features: gpu_compositing
Accelerated video decode has been disabled, either via blocklist, about:flags or the command line.
Disabled Features: video_decode

Log Messages

GpuProcessHost: The GPU process exited normally. Everything is okay.
GpuProcessHost: The GPU process exited normally. Everything is okay.

Источник

Hello Jmz

Thank you for your response and for the information about the bug assignation to Xinghua, we will double-check this internally.

In the meantime, we would like to inform you that we tested this in our lab following the «reproduction steps» on the chromium forum* and we believe we were able to replicate the behavior. During the lab, the content is lost and only a black background is visible using Google* Chrome and Figma* app; however, it works fine if we disable Hardware Acceleration. We also noticed that the issue is not present on Firefox* browser.

Please kindly take a look at these videos showing our tests. Please let us know if we reproduced the behavior following the proper steps and if this is also the behavior that you experience. If we are missing any steps, please let us know.

Intel UHD 750 Figma Test 1-1 App & Chrome HW Acceleration enabled, fails
Intel UHD 750 Figma Test 1-2 Firefox HW Acceleration enabled, works
Intel UHD 750 Figma Test 1-3 App & Chrome HW Acceleration disabled, works

This is the environment we used for the lab:

Intel® Core™ i7-11700K Processor with Intel® UHD Graphics 750
Latest Intel® generic Graphics driver available 30.0.100.9864
Motherboard ASUS* ROG STRIX Z590-E GAMING WIFI
16GB RAM
Windows 10 Pro Build 19043 (latest updates installed).
Chrome Versions 94.0.4606.71 and 94.0.4606.81
Firefox version 93.0
Figma* app (latest version available at their website)

Note:

We also tried to reproduce following the steps available on the other Intel® Community forum that you shared; however, we are not sure if we reproduced the behavior since we didn’t notice any issue or lost content. Nevertheless, we are also sharing the video for that test:

Intel UHD 750 Figma Test 2 — Chrome HW Acceleration enabled inconclusive result…

However, we believe that the previous videos are enough to move forward. Please let us know your thoughts.

Best regards,

Andrew G.

Intel Customer Support Technician

Источник

Не открывается новый файл в фигме

Nata125693

Ответить на вопрос
Задать вопрос

Вопрос

Nata125693

- Поделиться

Не могу понять в чем дело. Скачала фигму на компьютер. Не могу приступить к работе, тк при попытке создать «новый файл дизайна», выдает ошибку «мы не можем открыть файл, потому что у нас проблемы с WebGL»

что делать?

Ссылка на комментарий

Поделиться на другие сайты

Ответы
1
Создана
27 июн 2022, 01:35
Последний ответ
3 июл 2022, 12:16

Лучшие авторы в вопросе

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже.

Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Просматривают тему сейчас

0 пользователей онлайн
- Ни одного зарегистрированного пользователя не просматривает данную страницу

Источник

Доступ к сайтам, использующих технологию WebGL, может быть затруднен из-за сообщения об ошибке «Your browser does not support WebGL». С этой проблемой можно столкнуться при посещении сайтов WebGL Earth, Shadertoy и прочих. Ошибка чаще встречается в Google Chrome и возникает на конфигурациях ПК, использующих устаревшую модель графического процессора.

WebGL – это JavaScript API, который используется для рендеринга 2D и 3D графики без применения плагинов в любом совместимом браузере. Несмотря на то, что технология полностью интегрирована с большинством веб-стандартов, она еще зависит от поддержки графического процессора и недоступна на устаревших моделях.

Содержание

1 Причины ошибки
2 Поддерживает ли браузер WebGL?
3 Включение аппаратного ускорения
- 3.1 Google Chrome
- 3.2 Mozilla Firefox
- 3.3 Opera
4 Обновление драйвера видеокарты

Причины ошибки

Если при попытке доступа к сайту видите ошибку «WebGL не поддерживается», то причины ее возникновения могут быть следующими:

Используется устаревшая версия браузера, в котором отсутствует поддержка WebGL.
Отключено аппаратное ускорение в браузере.
В системе установлены устаревшие драйвера видеокарты.
Установлена Windows XP, которая не поддерживает технологию WebGL.

Имейте в виду, не все версии браузеров поддерживают WebGL. Если версия сильно устарела, увидите сообщение об ошибке. Поддержка практически присутствует во всех последних версия браузеров, но есть исключения. Например, технология не поддерживается в Opera Mini независимо от используемой версии.

Быстрый способ проверить, поддерживает ли браузер эту технологию, можно на указанной странице, которую можно найти в интернете по запросу «WebGL — 3D Canvas graphics».

Включение аппаратного ускорения

Самой распространенной причиной, которая вызывает ошибку «WebGL не поддерживается», является отключенное аппаратное ускорение в браузере. Правильная работа технологии зависит от аппаратного ускорения, поэтому нужно проверить, включена ли эта функция.

Google Chrome

Откройте основное меню нажатием на значок с тремя точками и выберите пункт Настройки.

Прокрутите страницу вниз и щелкните на кнопку «Дополнительные». Найдите раздел Система и проверьте включена ли опция, связанная с использованием аппаратного ускорения.

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

Mozilla Firefox

Раскройте меню нажатием на значок с тремя линиями в правом верхнем углу и выберите «Настройки».

Найдите в списке раздел Производительность и снимите флажок, связанный с использованием рекомендуемых параметров. Отобразится опция «По возможности использовать аппаратное ускорение». Отметьте ее флажком и перезагрузите браузер, чтобы изменения вступили в силу.

Opera

Нажмите на значок Opera в левом верхнем углу и перейдите в Настройки. Прокрутите список опций вниз и щелкните на кнопку «Дополнительно».

В разделе Система переметите переключатель, связанный с аппаратным ускорением, в положение «Включено».

Если после включения функции WebGL все еще не поддерживается, перейдите к следующему методу.

Обновление драйвера видеокарты

Поскольку эта технология зависит от поддержки графического процессора, устаревшие драйверы также могут вызвать ошибку «WebGL не поддерживается». Для их обновления выполните следующие шаги.

Откройте Диспетчер устройств командой devmgmt.msc из окна Win + R.

Разверните вкладку Видеоадаптеры, щелкните правой кнопкой мыши на видеокарте и выберите пункт «Обновить». Если в системе установлены две видеокарты (встроенная и дискретная), обновите оба устройства.

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

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

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

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

Источник

Open

Issue created Jan 14, 2021 by keybreak@keybreak🖕

Figma WebGL or canvas bug

I have a problem with rendering some fonts and cursors for Figma

What i did to make Figma work at all

Enabling WebGL with reversing all those settings in librewolf.cfg:

lockPref("webgl.disable-extensions", false);
lockPref("webgl.disable-fail-if-major-performance-caveat", false);
lockPref("webgl.enable-debug-renderer-info", true);
lockPref("webgl.enable-webgl2", true);
lockPref("webgl.dxgl.enabled", false);
lockPref("webgl.min_capability_mode", false);
defaultPref("webgl.force-enabled", false);
defaultPref("layers.acceleration.force-enabled", true);

Rebooting browser, then i see this (Firefox left / LibreWolf right)

So, this is canvas elements, have same fonts nothing too suspicious i see in console too…

In computed css however, i see base64 url for cursor

Firefox one:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACkElEQVRYhe2WP0xTURjFf5RWEFQaRaIM8BL/RMXFP4tDzTMuDA4supjYmDAwkBQWF5dnQiI6MDjQlQQNhqQkWDoQyDMYRjGUNEgCTOU9SFpo01ILJfI5vFfSROLSPzL0JF/ecHNzzj3n++59UMUJRM3/JHYmk8mn4+Pjl4BTgKOSAhxAw/b29vtsNvtrZWXFB5wFXFTIlVrAHQwGn6dSqYNoNHpgGEZkdnb2EdBgr5cVDuB8Z2fnAxERQDRNk93d3dz6+vrHgYGBdqCOMsZSA7iB2zs7OwlVVQUQRVEkGAzmKhXLGeD66urq976+PgGOSlVViUajua2trXA5YzkNKLquD4+Oju4VCsiXpmm/M5nM/tra2ofBwcE2rFhK5oYLaPX7/b3Ly8uZ4wRgxzI1NbWXTCbjS0tLL7Gcc5ZCSC3QDNwTEXG73ccKyFdXV5cYhrEXi8V+jI2N3cFysOhYmoAOwzA28434r1JVVRKJhIiIxOPxd9PT0y0U6UQjcC0SiXzVNO1Y+71er0xOTuZSqdRBLBZLhcPhb7quv/F6vR32/qJGtR5o13V9OBQKZQvJfT7foYjI4uLiz0Ag8Kmnp+cV8ATwALeAFnt/UQ64gMt+v793Y2PjaBIURZF0Op3r7u5+XUB6F7gBtAMXsU7vLIYcLPv+asT5+fn9mZmZAPAQuAm0AhewLqZ6SjQFeTQBHaZpmqqqis/nOzRN0wRU4Iq9XtbXshG4urCw8GVkZOQwnU7n+vv7e7HsbqICD1Md0BYKhd6KiMzNzX0G7mM1mavc5GDl2TI0NPQsm81uejyex4CCdf9X5N/AAZwD2iYmJl7Y5G4qYH0h6mwRzfb3VCXJwXLBaROXdMSqqKKKE4U/inc4zYQ8PvQAAAAASUVORK5CYII=

LibreWolf one:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAVElEQVRYhWM4I2fezPjcI09MaucGE8PyE10/W2VmeyYlBX8Pja4/OiOc1vIMow4YdcCoA0YdMOqAUQeMOmDUAaMOGHXAqANGHTDqgFEHjDpgoB0AAKNQPGpC6mM3AAAAAElFTkSuQmCC

As you can see it’s broken…If you paste it in URL as well
Am i missing something, or it is bug? 🙃

Edited Jan 14, 2021 by keybreak

Источник

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

Источник

Uh oh … we can’t open that file

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

Graphics Feature Status

Problems Detected

Version Information

Driver Information

Compositor Information

GpuMemoryBuffers Status

Display(s) Information

Video Acceleration Information

Vulkan Information

Device Performance Information

Driver Information for Hardware GPU

Graphics Feature Status for Hardware GPU

Problems Detected for Hardware GPU

Log Messages

Не открывается новый файл в фигме

Вопрос

Ссылка на комментарий

Поделиться на другие сайты

Лучшие авторы в вопросе

Рекомендуемые сообщения

Присоединяйтесь к обсуждению

Просматривают тему сейчас 0 пользователей онлайн

Причины ошибки

Включение аппаратного ускорения

Google Chrome

Mozilla Firefox

Opera

Обновление драйвера видеокарты

Figma WebGL or canvas bug

Recommend Projects

<img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" loading="lazy" width="24" height="24" src="https://www.typescriptlang.org/favicon-32x32.png" alt="Typescript photo" /> Typescript

<img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" loading="lazy" width="24" height="24" src="https://avatars2.githubusercontent.com/u/27804?s=200&amp;v=4" alt="Django photo" /> Django

<img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" loading="lazy" width="24" height="24" src="https://laravel.com/img/logomark.min.svg" alt="Laravel photo" /> Laravel

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

<img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" loading="lazy" width="24" height="24" src="https://avatars.githubusercontent.com/u/6154722?v=4" alt="Microsoft photo" /> Microsoft

<img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" loading="lazy" width="24" height="24" src="https://avatars.githubusercontent.com/u/1342004?v=4" alt="Google photo" /> Google

<img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" loading="lazy" width="24" height="24" src="https://avatars.githubusercontent.com/u/1961952?v=4" alt="Alibaba photo" /> Alibaba

<img decoding="async" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" loading="lazy" width="24" height="24" src="https://avatars.githubusercontent.com/u/1562726?v=4" alt="D3 photo" /> D3

Читайте также:

Просматривают тему сейчас

0 пользователей онлайн

Typescript

Django

Laravel

Microsoft

Google

Alibaba

D3