Конкурс по машинному обучению
С призовым фондом в 100 млн рублей
Условия
Дизайн
Glory Mlory
18 718

Figma — код и дизайн стали ближе

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

В закладки
Слушать

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

В результате возникает неизбежное противоречие между ними: то, что разработчику кажется сломанным, для дизайнера — просто творческое исследование. Что для разработчика структура, для дизайнера — препятствие.

Мы верим в принятие концепций инженерии и дизайна, принятие строгости и возможность повторного использования кода при, которые делают визуальный дизайн таким мощным.

Вчера утром на конференции Config Europe мы анонсировали несколько новых функций, которые объединят лучшее из обоих миров в дизайн-системы в Figma, сделав их ближе к коду и к интуитивно-понятному использованию.

Поддержка систем проектирования, отражающих вашу кодовую базу

У команд обычно есть определенный набор инструментов (компонентов) для проектирования и один для разработки. Это нормальный и хороший подход, но совмещать оба из миров не всегда легко. Когда код и дизайн являются отражением друг друга — команды могут работать намного эффективнее.

Сегодня мы анонсировали Variants, Интерактивные компоненты и улучшения Auto Layout.

Объединение кода и компонентов дизайна с Variants (ожидается в ноябре)

Один компонент во front-end-коде обычно отображается в нескольких визуальных стилях для разных контекстов и состояний взаимодействия с пользователем. Например, кнопка может иметь основной и дополнительный стили, маленький и большой размеры, и даже разные версии для iOS и Android.

Объявление на vc.ru
Чистый маркетинг
Как перед выходом на рынки США проверить нишу на прочность
Управляющий партнер агентства «Чистый маркетинг» Михаил Смирнов делится своим опытом проверки ниш перед выходом на…

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

Чтобы решить эту проблему, мы запускаем Variants — способ логически сгруппировать варианты одного и того же компонента в один, более мощный компонент. Помимо упрощения панели ассетов, это обновление позволит компонентам более точно соответствовать коду.

Drag and drop интерактивных компонентов в прототипы (запуск в январе)

Теперь, когда вы можете сгруппировать разные варианты одного компонента, вы могли задаться вопросом: «А будут ли работать эти интерактивные состояния с вашими прототипами?».

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

Интерактивные компоненты делают прототипирование намного более эффективным, позволяя дизайнерам добавлять взаимодействия между прототипами с помощью Variants, поэтому примеры сразу же «оживают» в режиме прототипирования.

Создавайте дизайн как код с помощью Auto Layout (ожидается в ноябре)

Появление в 2019 году Auto Layout привнесло в Figma определённые правила компоновки. Позволяя дизайнерам обновлять текст кнопки без ручной подгонки фрейма, Auto Layout позволяет им более легко создавать адаптивные интерфейсы. Но мы знали, что впереди нас ждёт ещё много работы, чтобы приблизить Auto Layout к блочным моделям CSS и Flexbox.

На следующем этапе нашей эволюции мы привносим упрощённый UI в Auto Layout, чтобы его было ещё проще использовать, а также новые функции, основанные на некоторых из наиболее частых запросов: возможность растягивать элементы по обеим осям, настраивать независимые значения заполнения и оптимизировать интервал общих шаблонов пользовательского интерфейса (иконки навигации).

Делаем дизайн-системы более доступными в масштабе

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

Навигация по библиотекам с помощью Instance Swap Меню (уже доступно)

Раньше поиск нужного среди тысяч компонентов в Figma был той ещё задачкой. Для этого нужно было запомнить точное название компонента или пересмотреть огромный список всех компонентов.

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

Копипаст и код в новой вкладке Inspect (уже доступно)

Для быстрой и комфортной реализации дизайна разработчикам необходима определённая информация. Новая вкладка Inspect заменяет панель Code и предоставляет разработчикам более важные сведения. Название выбранного слоя отображается справа вверху, чтобы дизайнеры и разработчики знали, что реализуется, на одной странице.

Есть и новые разделы, показывающие соответствующие значения для Variants, цветов, теней, содержимого, типографики, границ и т.д. Разработчики могут щелкнуть мышью, чтобы скопировать любое значение в буфер обмена, включая целые сниппеты пар ключ: значение, чтобы легко вставлять эти данные в код.

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

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

Больше интересных и актуальных статей ищите в нашем блоге и телеграм-канале.

{ "author_name": "Glory Mlory", "author_type": "self", "tags": ["figma"], "comments": 91, "likes": 151, "favorites": 379, "is_advertisement": false, "subsite_label": "design", "id": 159990, "is_wide": false, "is_ugc": true, "date": "Mon, 21 Sep 2020 09:29:49 +0300", "is_special": false }
Объявление на vc.ru
0
91 комментарий
Популярные
По порядку
Написать комментарий...
53

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

Ответить
–30

Да нихуя не лучшее, фигма - это путь в никуда.

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

Ответить
23

фанат фотошопа, лови его!

Ответить
17

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

Банальный пример десктопное приложение Xmind (Карта памяти). Им пользоваться одно наслаждение. Взять какой нибудь онлайн пакет для таких же действий и уже что-то не то. Файлы для передачи как-то неудобно выцепляются, нельзя поработать оффлан(лол, да). По мелочам в общем всё плохо.

Почему до сих пор нет хороших браузерных игр типа Battlefield 1? Да потому что браузер это своего рода платформа для всех. Здесь никогда не будет той оптимизации, мощи и вариативности как для обычных приложений на устройстве. Никогда.

Ответить
0

Лол, что? У меня Photoshop или Illustrator ест в десятки раз больше памяти, при этом Фигма летает.

Инпут-лаги, онлайн - я бы понял это, если бы мы жили во времена dial up'а, но даже в провинциях сейчас можно подключить гигабитный интернет. 

Офлайн, зачем? У меня даже в деревенской глуши нормально интернет работает. Я понимаю, кто то живёт в тайге с медведями, но их сколько, 0,0001%?

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

Ответить
3

Справедливости ради, все продукты от Adobe хорошо кушают и хорошо просят. Онлайн путь удобен тем, что вот он настоящий вендорлок продукт с подписочной моделью. Сказали они что цену подняли и всё. Нет больше выбора как спиратить. 
Повторюсь. Онлайновые продукты сделаны просто напросто чтобы сосать в трое больше денег. Никакой "облачной" магии здесь нет. Тупо бабки.
Тот же 3DMax если бы работал только в онлайн, то про него бы никто и не знал бы.

Ответить
0

PS и AI:
1. Держат материалы в несжатом формате для быстрого доступа к их редактированию - потому что их природа это сложное редактирование контента, а не накидать 5 заранее отрендеренных пнгшек. Попробуй в фирме открыть сложное векторное изображение с возможностью его изменения - оперативки уйдет в 3-10 раз больше.
2. Адоб синоним кривых продуктов

Ответить
1

Тем не менее тот же скетч по производительности не выигрывал у фигмы

Ответить
2

Это тот который эксклюзив Apple? Ну может в этом и дело.

Ответить
1

Если в десктоп версии фирмы нажать alt+cmd+I   То мы увидим что это обыкновенный браузер. В скетче это функцию отключили но по факту это то же брузер )

Ответить
0

Не баг, а фича.

Ответить
0

Вы просто стар...супер стар

Ответить
1

уже сейчас ничего не работает без интернета, представь что будет лет через 20. Ничего уже не будет в офлайне, он умерает, не за чем так душить фигму)))

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

Ответить
8

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

Ответить
2

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

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

Ответить
–2

Потому что дизайнеры в основном такими и являются. Они ж нихрена не смыслят в техническом устройстве софта - потому не знают как должно быть хорошо.
Ну и совместный проект не обязательно синхронизировать каждые 1.5 секунды. Есть тот же самый git, который позволяет 99% времени сидеть офлайн и синхронизироваться только когда точно надо. И свободно выбирать сервер для синхронизации

Ах, да, дизайнеры не знают что такое git. Это ж у них обычно: disign1, disign1(99), disign1(999)final, disign1(999)final(999)

Ответить
1

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

Ответить
4

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

Который только под мак

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

Ну фш явно не для того чтобы там ui рисовать

Ответить
1

Sketch рендерит все механизмами MacOs, там невозможен порт по определению. Sketch тоже жрет много ресурсов, в тех случаях, когда много мелких векторных элементов с зависимостями вообще Овер дохрена. Скетч во многих моментах хуже фигмы в плане удобства и логики и наоборот. Sketch сильно лучше сохраняет SVG файлы, структура правильнее, лучше подходит фронтовикам. Figma банально удобнее для командной работы, особенно для фронтов. Нет лучшего или худшего, есть задачи. В какихто проектах с ними лучше справляется скетч, в каких-то фигма. Ещё есть XD, и если нужно безгеморно работат в AE, то XD интереснее двух предыдущих

Ответить
0

рендерит все механизмами MacOs, там невозможен порт по определению

Это не нерешаемая проблема

Ответить
0

кроссплатформа убьет скетч, имхо. он станет тормознутым и тяжелым

Ответить
0

Если грамотно написать (на qt, а не на электроне), то нет.

Вот отсутствие кроссплатформы в перспективе точно может убить

Ответить
0

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

Ответить
0

Да, камон, не неси херни. Каким образом кроссплатформа это все убьет? 

Ответить
0

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

ну какой софт для юикс/юай дизайна ты бы предпочел, чтобы это дело не тормозило процесс разработки в компании или даже в стартапе любом?

Ответить
4

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

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

Хаха, ты думаешь фигма когданибудь перестанет тормозить? Тормоза там заложены by design, чтобы не лагало надо чтобы писали нормальные разрабы на нормальных технологиях, а не на вебе. Тем более что веб как платформу они выбрали изза дешевезны js-разрабов. Надеяться что фигма когдато перестанет тормозить безосновательно 

ну какой софт для юикс/юай дизайна ты бы предпочел

Ну я в скетче сижу

Ответить
–3

Даже не знаю, что и у кого там тормозит, простейший пк тысяч за 50 не тормозит на тяжелый проектах всего лишь с 16гб ddr4  и видео 1050ti.
 Ноуты как по мне не для работы, а для презентаций проектов, когда нужна мобильность. Да, есть люди, которым нужны рабочие станции, которые можно перенести, но и тут есть варианты систем, которые будут тянуть всё, что ты хочешь, например acer conceptD 7 или 9

Ответить
5

А cкетч чомуто на ноутах пятилетней давности с 8gb и встроеной графике летает. И не загружает вкладочку с жирным проектом по несколько минут как это делает фигма даже на твоем пк за 50 кусков

Ответить
–2

Фигма тоже летает на подобных проектах, тут вопрос в вашей видеокарте. Даже с 6Гб она будет летать, если стоит карта хотя бы 2060ti. Туториалы по требованиям не просто так придумали. Это не фотошоп, который будет трёхразово питаться вашей памятью, тут другая технология.

Ответить
5

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

другая технология.

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

Ответить
–2

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

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

Ответить
3

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

Скетч, фш. По крайней мере не приходится идти пить чай ожидая пока проект загрузится

А насчет видеокарты, просто произошло перераспределение ресурсов

Не знаете о чем пишете. Рендерить ui это самая простая и слабонагруженная из всех задач для видеокарты, если она написана так, что нужна аж игровая видяха - то это запредельный пиздец, у разрабов руки даже не из жопы

теперь оперативка не так важна, как раньше

Для векторной графики оперативка никогда не была нужна в большом количестве

то такой подход называют более сбалансированным

А как называют подход, когда человек с умным видом рассуждает о вещах в которых ничего не понимает?

Ответить
0

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

А насчет игровых видях - так это одни из самых слабых, мы же не говорим о том, что для фигмы обязательны quattro-видеокарты, а всего лишь карточка стоимостью 140$. И если это для вас топовая видеокарта, то вам есть над чем поразмыслить на досуге.
Согласен, для вектора она не нужна, но для ui элементов и видеокарта не нужна крутая в нашем случае, я говорю о присутствии других медиа в проекте.

Ответить
4

Я бы сказал, что время сопоставимо.

10-15сек и ~5мин сопоставимо?

а всего лишь карточка стоимостью 140$

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

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

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

Ответить
–1

ФШ летает? Ты с какой планеты, все что делает Адоби тормозит по дефолту на любом компе, более кривого уродского куска говна не найти. И да без ФШ никуда и приходится мириться с этим. 

Ответить
2

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

Ответить
0

А ты обновись до последнего пакета) 

Ответить
0

Только если в проекте не слишком много многомегабайтных изображений

Ответить
–3

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

Ответить
0

Мла, покажите как фигма тормозит на ролике. Ну прост не видел никогда за пару лет постоянной работы. Чо за сказки про 5 мин

Ответить
0

Интересно, что тормозил как раз десктопный Скетч, а Фигма изначально была его гораздо быстрее.

"Кабздец" это когда тебе нужно менеджить файлы, сохранять их в каком-нибудь дропбоксе, договариваться, кто какой файл когда будет возможность редактировать, постоянный экспорт картинок чтобы что-то показать, привязка к конкретной ОС. Я много работал в Скетче и хлебнул этого в полной мере. Фигма не тормозит и у нее нет этих проблем. 

Ответить
0

Это в браузерной версии? В десктопном приложении вроде не жрет

Ответить
4

у меня десктопное при запуске одной вкладки вменяемого проекта кушает 4-6 гб оперативки, браузер иногда даже лучше работает

свежая прошка 16гб оперативки
кажется, что на стареньком эире работало шустрее

Ответить
0

У меня тоже жрёт на маке

Ответить
0

Мой 32гб мак начинает тормозить через час даже с небольшими проектами, если не сбросить оперативку. Большие проекты довольно порой тупят, а порой летают, если закрыть браузеры. Ну, и клиенты/менеджера/прогеры не всегда имеют мощные компы.
Пока проблема не выглядит страшной, но чем дальше в лес, тем голоднее на гигайбайты медведи.

Ответить
1

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

Ответить
0

На линуксе (в фаерфоксе) постоянно проблемы с ней - скроллинг печален, ноут улетает в небеса, если во время зума открыть фигму случается зачастую интересное :)

Ответить
0

а на винде иногда случаются маркетинговые ошибки и у бука расширяется оперативка за 2 тыщи рублей)

Ответить
0

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

Ответить
17

Наконец-то. Очень долго ждал Variants. Казалось мега очевидной фичей, но ее так долго не добавляли

Ответить
8

Забавно в комментариях к статье о новых фичах Figma читать срачи о том, чем фигма лучше Photoshop, Illustrator и т.д.
Последние изначально появились как редакторы для растровой и векторной графики и не были предназначены для вебдизайна, а использовались лишь потому что не было на рынке такого инструмента как Figma. Теперь есть Figma и она будет задавать тренды на то, каким должен быть инструмент для вебдизайнера. Ну а кто хочет, может продолжить рисовать макеты в фотошопе.

А что касается отсутствия оффлайн версии, то стоит упомянуть что "эти ваши вэбы" в принципе без интернета не работают))).

Ответить
0

А я делаю макеты в CoralDraw, я тот ещё извращенец.

Ответить
0

Только не говорите, что ваш разработчик этому рад)

Ответить
4

Жду сильнее, чем свой др

Ответить
3

Аплодирую стоя, просто аплодирую стоя.

Ответить
2

Как считаете, Фигма, в конце концов, придет к тому, что на выходе будет не макет, а сразу готовая верстка?

Ответить
2

При помощи плагина в Фигме уже можно генерировать письма с отзывчивой вёрсткой. Для рассылок идеально подходит. На письмо уходит минут 5-10, если уже есть база компонентов. В общем мы уже в будущем.

Ответить
0

А что за плагин?

Ответить
1

Спасибо

Ответить
0

Да, это будующее любого конкурентоспособного UI редактора. Гугли supernova ui

Ответить
0

Им по сути осталось breakpoints прикрутить из сложного и можно экспортить. Есть уже всякие Anima, которые это делают (я, правда, не смотерл качество кода).

Ответить
0

Щас все к этому идут. Особо восторгов не вижу. Как-то привык сам все верстать, но идея вытаскивать в качестве прототипа сверстанный макет (даже если он не будет использоваться в разработке) хорошая.

Ответить
1

Фигма — классный продукт. Но если Скетч внедрит поддержку переменных, уйду обратно к ним. Хочу что-то вроде фреймера, но с удобством скетча. Эдакий гибрид специально для дизайнеров, которые любят верстать. Гибрид все просится в мир, но никак не родится.

Ответить
4

 Эдакий гибрид специально для дизайнеров, которые любят верстать

Кажется, мы сейчас пилим продукт специально для вас :)
Потестить можно по ссылке https://quarkly.io (инвайт: BETA)

Ответить
2

Лол! Я уже играюсь с бетой кваркли. Правда, пару недель был занят и не заглядывал. Идея нравится, похожа на то, что я и хочу. Очень порадовала возможность полноценно переключаться между кодом и дизайном, а изменения в коде отражаются и в дизайне. Это как раз одна из вещей из моих сокровенных желаний. Буду следить за проектом.

Ответить
2

Круто :) Приглашаю в нашу ламповую телегу @quarklyapp, там можно оперативно нас о чем-то спросить, да и узнавать новости про апдейты

Ответить
1

Посмотри на этот проект: https://relate.app

Ответить
0

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

Ответить
0

Может есть на примете, что то достойное?

Ответить
1

Ну, из всех, что я поглядел, практически все не удовлетворили. Почти все эти редакторы либо в бете, либо работают через одно место. Вот этот кварки и кажется лучшим из всех, что мне подходит. Рилейт вроде бы тоже движется в нужную сторону.
Я хотел бы чтобы:
- Можно рисовать дизайн как в фигме или скетче
- Можно прикрутить переменные, например, $base = 16px; А потом в поле размера шрифта написать $base; или 1.5 * $base вместо традиционных цифр. Вообще переменные я больше предпочитаю, чем шрифты.
- Можно переключаться между кодом и дизайном и редактировать одинаково и там и там. То есть, кусок кода где-то скопировать и вставить и видеть редактируемый рендер этого всего в дизайне. Что-то похожее на фреймер, но там такой геморрой с импортом кода. Простому дизайнеру-верстальщику не осилить. 
- Хочу иметь возможность редактировать css. 

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

Ответить
1

В Quarkly мы планируем сделать возможность свободного позиционирования элементов на холсте, как отдельный тип страниц. Дальше на эту концепцию хорошо ляжет импорт страниц из figma и sketch + импорт значений (цвета/шрифты/фоны/...).
Что касается переменных ($base) для размеров, для озвученных целей служат единицы rem в css, которые можно использовать. Влиять на них можно устанавливая базовый размер шрифта в body. Но если будет необходимость более широкого использования и соберется большое количество кейсов, мы внедрим такие значения в тему. 
Остальное у нас есть). Пользуйтесь, пишите в телегу ваши потребности и желания.

Ответить
0

Да, и простое табличное апи тоже хочу ))

Ответить
0

Еще вот такой есть: https://www.plasmic.app

Ответить
0

Сейчас у меня на пробе https://meetalva.io
Хз, что да как. Как время будет прогоню

Ответить
0

Webflow не подходит под ваши задачи?

Ответить
0

Не совсем. На выходе вебфлоу дает сайт. Классный инструмент, но мне нужна возможность экспортировать прототипы, будь то реакт-страничка, обычный хтмл или еще что.. 

Ответить
–1

Не по продукту, а по трейлеру претензия - пиздец. Анимация не попадат в бит музыке, а это так было задумано, как я понимаю. Моментальное отвращение и недоверие к продукту из-за этого. Какой-то кривой закос на презентации то ли Apple, то ли Google, то ли Microsoft. Не надо так.

Ответить
0

Нам бы бюджет презентации Apple, было бы получше, но спасибо за критику)

Ответить
0

Ну и не надо было тогда косить под них и было бы лучше)

Ответить
2

На одну хорошую новость больше в 2020! Спасибо на этом👌

Ответить
2

Просто эпик

Ответить
1

Извините конечно, но столько комментариев про Фш, вы чего вообще? У Адоба так-то есть Xd специально для юай/юэкс. Как сказано было выше Фотошоп и люстра были сделаны для решения других задач. А в целом круто, что есть выбор, чем пользоваться Фигма/скетч/хд, выбирай что тебе подходит и кайфуй. 

Ответить
1

Виимо вы давно XD не открывали, не тормозит и удобно. Есть сохранение онлайн сразу в облако. 

Ответить
0

Когда-то давно xd был мало функциональным и с кучей багов. На работе в основном работаю в нем, иногда в фигме. И уже чувствую, что фигма неплохой инструмент для того, чтобы писать ТЗ внутри компании или просто хранить инфу, картинки, референсы. Но для нормальных прототипов - adobe xd, который начинает обгонять фигму по производительности, функциональности и структуре.

Ответить
0

«фаташоперы» подтянулись. не вижу пылающих пердаков «скэтчеров»

Ответить
0

Чет у меня фигма ни через сайт, ни через десктопное приложение не открывается. Не могу работать с дизайн-макетом рабочего приложения 🤣

Тот самый момент, когда большие изменения лучше делать в выходные, еще лучше ночью!

Ответить
0

Хотел попробовать, что это такое, просто для себя. В итоге на моей старой прошке с 8-ю гектарами оперативки просто еле ворочалось. Обидно, что производитель в очерндной раз забил болт на оптимизацию:(

Ответить
0

Забавно он там оговорился на 14:07 про тип анимации Magic Move. Они полностью украли (переняли) логику работы прототипов у Drama.app, в которой как раз анимация так и называется Magic Move. Драма медленно развивается, но в гораздо более правильном направлении.

Ответить
–1

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

Ответить

Комментарии

null