как открыть ссылку figma в приложении
Ссылки в Figma
Ссылки в Фигма могут вести на:
При этом фрейм или страница может находиться в любой работе.
Ссылки работают только в режиме редактирования, в прототипе ссылки не работают. Если вы наведете курсор на ссылку в редакторе, Figma покажет всплывающее окно, в котором отображается путь (в виде Страница/Фрейм, если элемент находится в этом же файле, и в виде ссылки — если в другом или если это ссылка на страницу в интернете).
Фрейм на другой странице
Страница в этой же работе
Ссылка на фрейм (на этой же странице)
Ссылка на фрейм в другой работе
Как поставить ссылку
Чтобы поставить ссылку, выделите часть текста или весь слой с текстом и нажмите на иконку со скрепкой сверху в панели.
Сделать ссылкой
Работа с какими-то элементами, отличными от текста, пока что не обнаружена.
Ссылка на фреймы и страницы вставляются так же как и ссылки на страницы — это линки на страницы в figma.com/. Подбора по названию нет, вам надо сначала скопировать адрес интересующего вас элемента.
Как получить ссылку на фрейм или страницу в Figma
Ссылка на страницу: в списке страниц откройте контекстное меню и найдите Copy Link.
Копировать ссылку на страницу
Ссылка на фрейм: откройте контекстное меню, перейдите в Copy/Paste — Copy Link.
Скопировать ссылку на фрейм
Горячей клавиши для копирования ссылки пока что нет.
Figma. Транслируем макеты на телефон заказчика
Я думаю, вы часто сталкивались, что заказчик даже не знает в каких программах дизайнеры делают для него дизайн мобильных приложений.
Но любого опытного дизайнера это не должно пугать
для особо ленивых вот записал видео обучалку.
вот пошаговый Гайд. как это сделать:
1) Нужно создать 2 аккаунта в Figma
-Ваш обычный рабочий аккаунт(думаю, он у вас уже есть)
-Тестовый аккаунт, который вы отдадите заказчику
2) отправьте заказчику логин и пароль тестового аккаунта
3) Установите заказчику Figma mirror из App Store или Google play
4) После того как Заказчик скачает приложение и войдет с помощью тестового аккаунта. у него будет отображаться вот такой экран
5) Зайдите на компьютере в десктопной версии под своим аккаунтом
6) Зайдите на компьютере в браузере под тестовой версией и нажмите на макет который нужно транслировать
Поздравляю! Теперь вы можете транслировать заказчику свои кликабельные макеты
Андрюха, у нас пират! Возможно, криминал! По коням
Ххахахаха +5
хорошо что я Tor закрыл )))
Figma mirror лучше этим высером не пользоваться никогда.
Ахахха, да у него плохая репутация, но если его оседлать, то достаточно легко им можно пользоваться
Если исправить в нем все баги, то он будет нормальным, но сейчас легче просто отправлять линк на превью в браузере на телефоне хорошо открывается.
А обычный залинкованный макет через Play чем не подходит? Просто ссылку с выключенными элементами интерфейса давать и говорить на каком устройстве открывать.
Да ты прав,отличный вариант!
Но меня всегда напрягают вот эти участки которые не убрать
Обычно, когда борешься за пространство они сильно мешают
Оч сложно, на моменте «установите заказчику миррор» дальше можно не читать. Поддерживаю предыдущих комментаторов, а чем плоха ссылка на плей?
тем что элементы от браузера нельзя скрыть. в итоге полмакета обрезается этим. И это сильно мешает если ты делаешь мобильное приложение, в котором ничего лишнего не должно быть.
Так а почему не нравится миррор?
Да, все познаётся в сравнении. Линками сложно управлять, по мне так. Особенно когда заказчик просит при тебе редактировать и переключаться быстро между экранами
Всем привет! Хотелось бы написать про такой странный и неприятный эпизод, произошедший со мной вчера при совершении покупок на Озоне (могу предоставить скрины и прочие доказательства, если это будет кому интересно).
За последние два года пандемия полностью поменяла представление о том, как должен строится рабочий процесс. Только за 2020 год доля россиян, работающих в удаленном формате, возросла с 3% до 14%. И согласно опросу BCG 60% российский сотрудников хотят остаться на удаленке. Уже к сентябрю 2021 года на рынке труда количество вакансий, предлагающих…
Первые дарксторы появятся в Москве до конца года.
Доброго времени суток всем. Периодически читаю что пишут на vc, но это моя первая публикация, поэтому не судите строго 🙂
Рассказывает руководитель команды дизайна
Какими механиками привлекать новые площадки к сотрудничеству и как увеличить долю CPA до 18%.
Честно говоря думал писать об этом или нет, и в какой раздел, но думаю мой опыт (плохой) поможет кому-то не наступить на те же грабли, на которые наступил я. И я буду только рад, если кто то скажет, что с ним такая ситуация произойти не могла. Я тоже так думал, я достаточно осторожный человек, но тут вот система дала сбой, и я перевел мошенникам,…
Просмотр в фигме: режим презентации в Figma и ссылка на проект
В этом видео поговорим о том как делать предварительный просмотр в фигме. Разберемся с режимом презентации и как поделиться ссылкой на ваш проект с заказчиком или любым другим человеком.
Как отправить ссылку на проект в фигма
Чтобы поделиться ссылкой на ваш проект в фигме и отправить его вашему заказчику, коллеге или любому другому человеку нажмите на кнопку «Share» в верхнем правом углу. Затем на надпись «Copy link».
Если эту ссылку открыть в браузере, то можно будет увидеть, ваш курсор и что вы делаете в реальном времени.
Вы будете видеть аватарки тех, кто просматривает ваш проект сверху и справа. Если нажмёте на какую-то аватарку, то будете видеть курсор и действия этого человека.
Как это можно использовать? Например таким можно обсуждать с заказчиком проект и в реальном времени вносить правки.
Как изменить роль приглашенного человека в проекте в фигме?
Если вы пригласили какого-то человека или поделились с ним ссылкой на проект, то можно изменить его роль. Нажмите на синию кнопку «Share», сверху и справа. Затем напротив нужного человека из списка справа выберите одну из следующих ролей:
Режим предварительного просмотра в фигме
Чтобы включить режим предварительного просмотра в фигме, нажмите на иконку «Present» сверху справа (она похожа на Play). У вас откроется новая вкладка, где вы сможете просматривать фреймы, которые есть в вашем проекте.
Если до этого в режиме прототипирования (Prototype) вы настроили связи между фреймами и элементами интерфейса, то можно просматривать проект, как интерактивный, кликабельный прототип.
Например при нажатии на кнопку можно сделать всплывающие окна (popup формы), перенаправлять человека к другому фрейму, сделать поля в контактных формах активными и т.д.
Другими словами можно создать ощущение реального просмотра сайта или мобильного приложения с возможностью кликать и взаимодействовать с разными элементами интерфейса.
Как поделиться ссылкой на прототип в фигме?
Если вы находитесь в режиме «Present», то можете поделиться ссылкой на ваш прототип. Для этого нажмите на правую верхнюю кнопку «Share prototype» и в появившемся окне нажмите на надпись «Copy link».
При открытии скопированной ссылки в браузере, можно просматривать прототип в режиме презентации.
Внизу по центру можно переключаться между фреймами, с помощью стрелок слево и вправо.
Как в фигме (в режиме просмотра) изменить отображаемое устройство?
Если вы хотите изменить отображаемое устройство в режиме предварительного просмотра «Present», то выберите фрейм. Перейдите во вкладку «Prototype» и нажмите на кнопку «Show prototype settings».
Затем внизу надписи «Device» выберите подходящее устройство из списка. Для примера я выберу фрейм с мобильным приложением и из списка выберу «Iphone 11 pro max».
Если открою предварительный просмотр в фигме и перейду в режим презентации, то фрейм будет отображаться в мобильном устройстве.
Заключение
Итак, в этом видео вы узнали как делать предварительный просмотр проекта в фигме. Также, как демонстрировать вашу работу заказчику или любому человеку скопировав ссылку на проект.
Как сделать так чтобы ссылка открывалась в приложении?
Как сделать чтобы ссылки открывались в приложениях?
В меню «Дополнительно» нажмите «Открывать по умолчанию». Выберите меню «Открывать поддерживаемые ссылки» и нажмите «Открывать в этом приложении». Если вариант «Открывать в этом приложении» уже выбран, выберите другой пункт, например «Всегда спрашивать». Снова нажмите «Открывать в этом приложении».
Как открыть ссылку в приложении а не в браузере?
Как открыть ссылку в браузере, вместо приложения
Как открыть ссылку Фигмы в приложении?
Как сделать чтобы ссылка открывалась в гугл хром?
Назначение браузера по умолчанию в настройках телефона
Как изменить программу для открытия файла андроид?
Для этого перейдите в меню настроек вашего планшета или телефона, в раздел «Приложения», выберите в списке программу, которая открывает файлы нужного нам типа автоматически, и кликните по ней. Прокрутите содержимое окна вниз, пока не увидите пункт «ЗАПУСК ПО УМОЛЧАНИЮ».
Как сделать чтобы ссылки открывались в другом браузере?
Если вы хотите, чтобы такие сайты открывались в браузере по умолчанию, нажмите по приложению, «перехватывающему» ссылки, нажмите по пункту «Открывать поддерживаемые ссылки» и выберите «Не открывать в этом приложении» или «Всегда спрашивать».
Как зайти на ютуб через браузер?
Как открыть полную версию сайта
Почему ссылка на Инстаграм открывается в браузере?
Например, ссылка на Instagram открывается в стоковом браузере, а хочется, чтобы в приложении Instagram. Для этого в настройках открытия ссылок нужно удалить настройки по умолчанию для того приложения (браузера), в котором ссылка сейчас открывается. Т. … Теперь ссылка всегда будет открываться в этом приложении.
Как сделать ссылку в Figma?
Чтобы поставить ссылку, выделите часть текста или весь слой с текстом и нажмите на иконку со скрепкой сверху в панели. Работа с какими-то элементами, отличными от текста, пока что не обнаружена. Ссылка на фреймы и страницы вставляются так же как и ссылки на страницы — это линки на страницы в figma.com/.
Как открыть Figma?
Для того, чтобы войти в программу Figma, вам необходимо зарегистрироваться на сайте figma.com. А если вы уже это сделали, то просто запустите программу и введите ваш логин и пароль.
Как убрать полную версию ютуба?
Переходим, пока что, на мобильную версию веб-сайта. Затем в правом верхнем углу ютуба нажимаем на аватарку Откроется контекстное меню, в котором мы находим пункт — “Полная в..”. Отключаем данный параметр, нажав на него.
Figma F.A.Q. — технические вопросы
Ответы на самые часто задаваемые вопросы про Figma. В этой статье даются ответы на технические вопросы, связанные с работой программы. Если в этом списке нет интересующего тебя вопроса или подходящего ответа — задай его в обсуждении в группе со скриншотами и логами ошибок.
Как использовать свои шрифты в Figma?
Если ты пользуешься Figma в браузере, нужно установить Font Installer, а для пользователей десктопной версии, чтобы добавить свой шрифт в Figma ничего устанавливать не нужно. Все шрифты, установленные на компьютер, будут автоматически отображаться в Figma.
Как использовать локальные шрифты на Linux?
Существует неофициальный клиент для Figma, созданный для Linux. Мы не можем гарантировать, что он работает, но создатель пишет, что включил поддержку локальных шрифтов, что не может не радовать. Информацию о нем можно найти в этом посте или в репозитории проекта.
Как отключить стандартные шрифты в Figma?
По дефолту в Figma доступны все шрифты из Google Fonts. Если тебе они не нужны, и ты хочешь использовать только локальные шрифты — можно отключить стандартные шрифты. Это делается с помощью настройки в меню Preferences → Show Google Fonts.
Можно ли работать и сохранять файлы в Figma без интернета?
Пропали все объекты с холста, что делать?
Если пропали все или некоторые объекты в Figma, для начала попробуй отменить предыдущее действие (Ctrl/Cmd + Z), а потом закрыть и открыть файл снова. Если это не помогло, тогда зайди в историю версий. Проверь, есть ли там версия со всей работой, и если есть — восстанови её. В противном случае отправь в поддержку данные о своей видеокарте с описанием проблемы.
Пропали изображения в Figma!
Каковы системные требования Figma?
Минимальные требования для операционных систем:
Браузеры, которые поддерживаются Figma:
Браузеры Internet Explorer, Opera, Yandex Browser и остальные — не поддерживаются. Figma всё равно может работать, но стабильность не гарантируется.
Поддержка видеокарт: Рекомендуется, чтобы видеокарта была от 2012 года выпуска — на более старых работать тоже будет скорее всего, но не можем гарантировать. Минимальные требуемые видеокарты:
Не устанавливается десктопная версия Figma!
На операционные системы с 32-разрядной архитектурой десктопное приложение Figma установить нельзя. Font Helper также не работает на 32bit системах. Если же не удается установить Figma Desktop или Font Helper на 64-разрядную ОС — напиши в поддержку: support@figma.com, по возможности со скриншотами и логами ошибок.
Как войти в аккаунт в десктопном приложении Figma?
Для входа в аккаунт в десктопном приложении Figma необходимо нажать Log in with browser и перейти в браузер. Когда ты увидишь надпись Go to the browser to complete login, должно открыться окно браузера.
Когда откроется окно браузера, тебе нужно будет авторизоваться в Figma привычным способом. Потом появится кнопка Open the Desktop App, при нажатии на которую браузер спросит, действительно ли ты хочешь открыть приложение Figma. Нажми открыть, и ты войдешь в аккаунт Figma в десктопном приложении.
Не получается войти в аккаунт Figma в десктопном приложении?
Если ты видишь надпись Go to the browser to complete login, но окно браузера не открывается — убедись, что браузером по умолчанию в системе установлен браузер, который поддерживается Figma. Желательно это должен быть Google Chrome — с ним этот механизм работает лучше всего. Internet Explorer не поддерживается. После этого нажми Go back and try again и попробуй сначала.
Не открывается Figma. 🙁
Сервера Figma работают стабильно и падения случаются очень редко и ненадолго. Следить за статусом работы серверов Figma можно на https://status.figma.com/.
Кроме ошибок сервера, есть много вариантов, почему это может происходить. В большинстве случаев, если до этого всё работало — достаточно выпить чаю и подождать пару часов, — и все пройдет.
Если не открывается редактор или сам сайт Figma — возможно мешают настройки антивируса, брендмауэра или файрволла. Чтобы проверить, попробуй зайти с того же компьютера, но с другой точки доступа (например, раздать интернет с телефона). Если по-прежнему не открывается — проблема в компьютере. А если нет — во внешних факторах (провайдер, Роскомнадзор, сама Figma, НЛО), и порой её можно решить при помощи VPN.
Не открывается файл Figma: An error occurred while opening the editor или бесконечная загрузка
Иногда случается, что Figma не удаётся открыть один файл. Если все остальные файлы открываются нормально, а один файл не загружается или показывается ошибка An error occurred while opening the editor — возможно при прошлом сохранении файла произошел сбой.
Большинство этих случаев можно решить восстановлением предыдущей версии файла. Для этого кликни по файлу правой кнопкой мыши с зажатыми кнопками Alt + Shift и выбери в контекстном меню Restore from Version. В открывшемся окне нажми кнопку Restore рядом с предыдущей версией файла.
Также возможно файл стал чересчур большим и Figma не хватает памяти, чтобы его открыть (одна вкладка может использовать до 2ГБ памяти максимум, иногда меньше в зависимости от открытых программ). Следует попробовать разбить файл на несколько отдельных. А если у тебя слабый компьютер (в особенности с 32-битной системой) то попробуй перед открытием Figma закрыть все остальные программы.
Постоянно перезагружается страница Figma в браузере!
При открытии проекта браузер выдает ошибку, перезагружает страницу, после перезагрузки Фигма выдает ошибку, и страница опять перезагружается, и так по кругу…
Это может происходить, если браузер не поддерживается Figma. В частности, Яндекс браузер. Поддерживаемые браузеры можно найти в официальной документации.
Figma работает медленно, лагает, зависает, компьютер греется и вентиляторы начинают шуметь.
Если в компьютере две видеокарты — возможно используется не та, которая нужна. Попробуй поменять используемую видеокарту. На macOS это можно сделать при помощи утилиты gfxcardstatus, либо отключив автоматическое переключение видеокарт в Системных Настройках в панели «Экономия Энергии». Если видеокарта одна — возможно она банально устарела. Убедись, что твоя аппаратура соответсвует требованиям, описанным в предыдущем пункте.
Артефакты, графические баги, проблемы с рендерингом.
У некоторых пользователей Figma появляются артефакты при масштабировании, добавлении Auto Layout или изображений, включении сеток и линеек или других действиях. При появлении любых графических глитчей в Figma первым делом напиши в поддержку и отправь скриншоты или видеозаписи происходящего. Также поможет если ты приложишь подробную информацию о своей видеокарте, её драйверах и других характеристиках компьютера.
А пока ждёшь ответа, загляни в галлерею глитчей Figma и отправь свои скриншоты Глебу для коллекции.
Тип артефактов 1: Синие линии по всему холсту.
Синие линии обычно появляются на некоторых системах при включении сеток или линеек, либо без совершения каких-то определенных действий. Глитч представляет собой чаще всего синие, изредка красные и черные вертикальные и иногда горизонтальные линии, которые появляются в файле Figma и мешают работать. Единого способа избавиться от них навсегда — нет. Часто помогает переустановка драйверов видеокарты через диспетчер задач. Временно может помочь перенос всего содержимого проблемного файла в новый файл, но через какое-то время есть шанс, что баг вернется.
Тип артефактов 2: Разноцветные прямоугольники, пиксели
Артефакты в виде прямоугольников по углам изображений и других объектов встречаются нечасто. И от них можно избавиться! Открой косоль разработчика (главное меню → Plugins → Development → Open Console) и вставь следующую команду:
После этого нажми Enter. Ниже появится текст, который тебе нужно будет скопировать и отправить в поддержку вместе со скриншотами бага. Команда поддержки Figma включит для тебя специальный фикс, который убирает этот тип артефактов.
Тип артефактов 3: Прямоугольники везде
Этот вид плохо изучен, так как встречается крайне редко. В Figma пропадают куски объектов, весь холст или отдельные фреймы покрываются большими прямоугольниками разной яркости, частично или полностью закрывая всё содержимое. Работать в таком файле не представляется возможным. С таким багом тебе следует обращаться в поддержку и попробовать обновить драйвера видеокарты.
Прототип сжат или частично покрыт квадратами.
Подобные артефакты возникают на Windows в браузере Chrome или приложении Figma, если они используют графическую библиотеку ANGLE версии D3D9. Иногда эта проблема может возникать только в одном браузере, так что попробуй другие, в частности Firefox. Одним из способов решения в Google Chrome является отключение аппаратного ускорения: найди и отключи в настройках браузера пункт “Использовать аппаратное ускорение”. Если это не помогает или ты используешь приложение Figma, необходимо переключиться на другую версию библиотеки ANGLE.
Google Chrome
Figma Desktop App
Почему изображения сжимаются до 4096 пикселей?
Почему в Figma нельзя загрузить изображения больше 4096 пикселей по одной из сторон? Дело в том, что Figma в своей основе использует WebGL, а он в свою очередь не позволяет использовать растровую графику разрешением выше 4K. Если закинуть изображение большего размера, оно будет уменьшено до достижения максимального размера. Такая картинка будет становиться пиксельной или размытой при увеличении до прежнего размера.
К сожалению, это ограничение обойти нельзя — можно только разделить предварительно изображения на куски, меньше или равные 4096px по большей из сторон. Автоматически это может сделать плагин Insert Big Image.
В Figma все увеличилось/уменьшилось и отображается размыто, смазано, мыльно — что делать?
В браузере: если вдруг интерфейс Figma увеличился или размылся — посмотри на адресную строку браузера. Там скорее всего есть иконка лупы, которая означает, что масштаб страницы увеличен или уменьшен. Нажми на нее и выбери масштаб 100%, чтобы вернуть все на места. В будущем, чтобы избежать такого, не пользуйся сочетанием клавиш Ctrl/Cmd + “+” или “-” в Figma. Для изменения масштаба в Figma можно нажимать просто + и —, без дополнительных кнопок!
На этой странице можно найти подробные инструкции для конфигурации браузеров для работы с Figma.
В десктопном приложении тоже есть настройка, изменяющая масштаб интерфейса:
Почему не работает Ctrl + Z или другое сочетание клавиш?
Шоткаты не работают обычно если они перехватываются какой-нибудь другой программой или расширением в браузере. В первую очередь попробуй зайти через режим инкогнито в браузере, где будет расширений. Также в редких случаях работа горячих клавиш зависит от выбранной раскладки — попробуй переключиться на английскую. Если решение не находится — некоторые пользователи решают эту проблему переустановкой системы, чтобы убедиться в том, что нет никаких препятствующих программ.
При нажатии Alt выбранный текст дублируется и меняется.
Проблема: При перетаскивании текста для копирования с нажатым Alt или при нажатии Alt для просмотра расстояний между объектами — текстовый блок дублируется, и текст меняется на что-то непонятное.
В этом виновата программа Punto Switcher. Есть несколько способов решить эту проблему:
Не работает Figma Mirror — ничего не происходит.
Figma Mirror (https://www.figma.com/mirror) — это веб приложение Figma, которое просто отображает текущий выбранный фрейм. Соответственно, если ты заходишь в Figma Mirror и открывается то, что на картинке внизу — нужно просто в файле, где ты сейчас работаешь, выбрать любой фрейм, лежащий на рабочем пространстве — он отобразится в «зеркале».
Figma Mirror работает как в браузере, так и в виде приложения на устройствах с Android 7 и выше или iOS 9 и выше.
Как увеличить историю действий для Ctrl + Z?
Увеличить число изменений для отмены при помощи Ctrl + Z или Cmd + Z нельзя, но можно воспользоваться историей версий. История версий (Version History) — это история изменений в файле, — бекапы, которые периодически Figma делает автоматически. Поэтому к прошлой версии файла легко вернуться, выбрав необходимую версию и нажав «Restore». В бесплатной версии можно откатиться на версию сделанную не раньше 30 дней назад, а в платной — на любую во всей истории файла. Сами файлы при этом хранятся неограниченно долго, так что за них беспокоиться не стоит.
В Figma цвета отображаются некорректно или становятся тусклыми при экспорте.
На двух разных устройствах: Цвета при просмотре макета в Figma и на телефоне отличаются. Например, в Figma Mirror или при просмотре экспортированного изображения. Это нормально: на двух разных устройствах разные дисплеи, которые немного по-разному отображают одни и те же цвета. Ничего с этим сделать нельзя, на всех устройствах цвета будут немного отличаться.
На одном устройстве: Если ты видишь, что при экспорте цвета становятся более бледными или тусклыми, смени цветовой профиль в Figma. Сделать это можно в меню Figma → Color Space. В зависимости от модели Mac или твоего монитора, нужно выбрать sRGB или Unmanaged. Но если цвета искажаются при экспорте— просто выбери противоположный тому, что сейчас установлен.
На Windows выбор цветового пространства находится в меню под стрелочкой, которую можно найти рядом с кнопками сворачивания и закрытия окна.
Изображения в PDF не экспортируются, становятся сиреневыми прямоугольниками.
Розовые/фиолетовые/сиреневые прямоугольники обычно появляются вместо изображений в очень больших PDF файлах, либо при экспорте PDF на слабом компьютере.