figma mirror что это

Представляем Figma Mirror для Android

Android-пользователи и дизайнеры, мы слишком долго пренебрегаем вами. 17 мая мы сообщили, что приложение Mirror от Figma стало доступно для Android. Если вы хотите проверить, как выглядят ваши проекты в действии, вы можете отображать их в режиме реального времени на устройствах Android.

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

Мы также предлагаем вид браузера для отображения на вашем мобильном устройстве. Если вы не хотите скачивать приложение, перейдите по адресу: figma.com/mobile-app в своем мобильном браузере, чтобы получить аналогичные технические возможности.

Смартфоны на базе Android составляют 52 % от общего числа смартфонов в США (и 82 % в мире!). Если вы проектируете для Android, небольшой совет: Figma включает предустановленные размеры кадров для нескольких популярных Android-устройств, поэтому вам не нужно начинать с нуля.

Анимация демонстрирует приложение Figma Mirror в действии

Источник

Figma. Транслируем макеты на телефон заказчика

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

Но любого опытного дизайнера это не должно пугать

для особо ленивых вот записал видео обучалку.

вот пошаговый Гайд. как это сделать:

1) Нужно создать 2 аккаунта в Figma

-Ваш обычный рабочий аккаунт(думаю, он у вас уже есть)

-Тестовый аккаунт, который вы отдадите заказчику

2) отправьте заказчику логин и пароль тестового аккаунта

3) Установите заказчику Figma mirror из App Store или Google play

4) После того как Заказчик скачает приложение и войдет с помощью тестового аккаунта. у него будет отображаться вот такой экран

5) Зайдите на компьютере в десктопной версии под своим аккаунтом

6) Зайдите на компьютере в браузере под тестовой версией и нажмите на макет который нужно транслировать

Поздравляю! Теперь вы можете транслировать заказчику свои кликабельные макеты

Андрюха, у нас пират! Возможно, криминал! По коням

Ххахахаха +5
хорошо что я Tor закрыл )))

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

Ахахха, да у него плохая репутация, но если его оседлать, то достаточно легко им можно пользоваться

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

А обычный залинкованный макет через Play чем не подходит? Просто ссылку с выключенными элементами интерфейса давать и говорить на каком устройстве открывать.

Да ты прав,отличный вариант!
Но меня всегда напрягают вот эти участки которые не убрать
Обычно, когда борешься за пространство они сильно мешают

Оч сложно, на моменте «установите заказчику миррор» дальше можно не читать. Поддерживаю предыдущих комментаторов, а чем плоха ссылка на плей?

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

Так а почему не нравится миррор?

Да, все познаётся в сравнении. Линками сложно управлять, по мне так. Особенно когда заказчик просит при тебе редактировать и переключаться быстро между экранами

Сервис рассрочек рассказывает о новом финтех-тренде.

Местные финтех-стартапы могут развиваться только после одобрения представителей исламского духовенства. Какие сложности преодолевают предприниматели, чтобы создать приложение по законам шариата, — в пересказе Rest of World.

С помощью сервиса «Рокет Ворк».

О трендах бизнеса и экономики можно прочесть коротко и ясно в удобных форматах

Источник

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

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

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

Что такое Figma

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

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

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

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

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

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

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

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

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

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

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

Компоненты

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

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

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

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

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

Фреймы

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

Сетки

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

Читайте также: какой клюв у утки

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

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

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

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

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

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

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

Источник

Что такое Figma и для чего она нужна

Что такое эта ваша Figma?

Figma — кросс-платформенный графический онлайн-редактор для совместной работы. Программа позволяет создавать wireframe, UI, прототипы, презентации и с лёгкостью передавать материалы в разработку. В онлайн-режиме можно наблюдать рабочий процесс, оставлять комментарии и обсуждать макет.

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

Что можно делать в Figma: базовые фичи

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

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

Теперь менеджер проекта вместо того, чтобы отвлекать дизайнера вопросами из разряда «как там макет», может посмотреть на процесс в прямом эфире. Конечно, если вы дадите ему ссылку на файл 😉 Разработчики также могут подсмотреть за работой дизайнера, понять, что их ждёт в скором будущем, и прикинуть предстоящий объём работ.

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

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

Файлы в облаке

Кросс-платформенность

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

Десктопное приложение тоже есть. Оно предусмотрено для MacOS и Windows.