Вы слишком обобщаете. Было время, когда низкокачественные плагины генерации HTML/CSS появлялись пачками, и это было ещё до Dev Mod в Figma. Ситуация давно изменилась, посмотрите хотя бы AutoHTML.
В парсинге JSON Figma нет ничего сверхъестественного, пример:
Этот фрагмент JSON легко интерпретировать в CSS обычной логикой. Для этого не нужна LLM, которая ломается при чуть более сложном дизайне с каким-нибудь наложением слоёв.
И я пишу не о очередном плагине-генераторе HTML/CSS, а о инструменте, который может собрать прототип или приложение из дизайна. Можете посмотреть демонстрацию из моего предыдущего комментария выше
Добрый день! В качестве вдохновения можете посмотреть плагин Buzzy, он позволяет собрать React из дизайна в Figma, предварительно разметив сам макет через плагин, но это не открытое решение и завязано на бэк Buzzy. Каких-то более открытых решений я не встречал
Понятно, какую проблему вы пытаетесь решить и, на мой взгляд, выбрали не самое удачное решение. К сожалению, LLM, какой бы умной она ни была, не обеспечивает стабильных результатов, особенно при последующих изменениях дизайна.
Открою вам небольшой секрет: дизайн в Figma описан в понятном JSON-формате. Можно выгрузить документ по API или, даже удобнее, через самописный плагин. Этот JSON уже содержит всю необходимую информацию о токенах, автолейаутах и так далее. Остается только пара недель frontend‑разработчика, который напишет парсер этого JSON в HTML/CSS или сразу React/Vue/Svelte компоненты.
Можно пойти ещё дальше и обогащать JSON данные frontend‑логикой через тот же плагин прямо в дизайне: когда и какую кнопку показывать, запросы к бэку, обработку ответа. И тогда вам не то что не придется писать промты для LLM, не придется даже ждать от неё ответа, приложение соберется за пару секунд.
Я это могу утверждать по собственному опыту, у меня сейчас так собирается весь фронт.
Главная фишка интерфейса, что можно вытаскивать элементы интерфейса из-за края экрана скорее WOW эффект нежели удобство и эффективное использование.
Задача перед проектировщиком была поставлена уместить десктопную ОС на маленьком дисплее, освободить экран под контент от всего в том числе и от навигации. Задача в корень не правильная, удобство использования отодвинуто на второй план, было бы удобно таким образом выводить только конекстное меню в приложениях и то, что уже реализовано от верхнего края экрана настройки и прочие вещи.
При всей сегодняшней конкуренции мобильных ОС и лидерах занявших свою долю на рынке, получается очень нисшевый продукт, Ubuntu будет сложно бороться за привлечение разработчиков. Но в отличии подражателей вроде RIM и Firefox OS предложены свежие идеи.
Уже боюсь представить кто следующий представить свою мобильную OS, какой нибудь арабский шейх на день рождения своей 15 жены?
Желание облегчить jQuery без вопросов верное, но не рано ли? Это может привести к более долгому сроку жизни версии 1.8, многие веб-мастера либо не будут торопиться переходить на 2 версию, либо будут искать альтернативу. Ибо ресурсам, которые зарабатывают ценны все пользователи.
Еще минимум год стоило бы поддерживать IE8, конечно если будет наводнение доступных планшетов на Windows RT с IE10 на борту, то доля более ранних версий заметно снизится и отказаться от поддержки IE8 уже будет оправданно.
Собственно — это больше похоже на гугловскую оболочку для windows, присмотритесь к обновленным интерфесам сервисов google. Словно дизайнер взял интерфейс windows приложений и стилизовал их по гайдам google.
Так как google тоже стремится к упрощенному и легкому интерфейсу, даже откровенно заимствуя некоторые решения metro интерфесов, то этот MIX словно стирает грань между metro и google. Хороший дизайнерский стеб над корпорациями.
Насколько я понял это первый опыт у Турбомилка. Сделать универсальный интерфейс под симбиан, винду и андроид нереально и нужно допиливать его для каждой платформы.
Хотя возможно нам показали только версию для windows mobile, интерфейс ближе к этой платформе.
Вопрос №1.
Как теперь накладывать поп-ап поверх флеша?
Сейчас для embed я добавляю атрибуты menu=«false» wmode=«transparent» и поверх флеша можно позиционировать любой объект, как теперь внутри iframe добавить заветные атрибуты для embed?
Масштабирование иконок — это конечно круто, но как дела обстоят на практике. Как правило иконки это растр и они перерисовывается под нужные размеры. В примере иконки 30×30px, если уменьшить их масштаб к примеру до 16×16px, то они будут выглядеть убого. Ибо они были отрисованны в векторе по масштабу 30×30px.
Но это решение хорошо к примеру динамической сменой цвета иконок, сверху на SVG можно наложить полупрозрачную PNG с градиентами черных и белых цветов.
Возможно буду использовать эту библиотеку для этих целей, спасибо!
Функционально решение практически ничем не отличается от фоновой картинки, бывало я как то сам из-за лени тянул абсолютно с позиционированные блоки слоями ниже. Этот способ не решает поставленной цели, представьте, что у вас одна колонка поделена на 3 части разных цветов и все 3 части равномерно тянутся по высоте. При этом каждая часть наполнена контентом. В таком случае у вас не получится тянуть абсолютно с позиционированный блок синхронно с контентом. Если не понятно могу нарисовать)
Способ подходит только для прямоугольной области, что не есть хорошо. Если нам нужно выделить овальную или треугольную область, придется создать кучу элементов <a> вместо одного <area>. Если не критично юзайте <map>
Вы слишком обобщаете. Было время, когда низкокачественные плагины генерации HTML/CSS появлялись пачками, и это было ещё до Dev Mod в Figma. Ситуация давно изменилась, посмотрите хотя бы AutoHTML.
В парсинге JSON Figma нет ничего сверхъестественного, пример:
Этот фрагмент JSON легко интерпретировать в CSS обычной логикой. Для этого не нужна LLM, которая ломается при чуть более сложном дизайне с каким-нибудь наложением слоёв.
И я пишу не о очередном плагине-генераторе HTML/CSS, а о инструменте, который может собрать прототип или приложение из дизайна. Можете посмотреть демонстрацию из моего предыдущего комментария выше
HTML/CSS — это базовый минимум. Можно сразу собирать прототипы или даже готовые приложения.
У меня есть старая демка, правда, не для Figma, но смысл тот же
Добрый день! В качестве вдохновения можете посмотреть плагин Buzzy, он позволяет собрать React из дизайна в Figma, предварительно разметив сам макет через плагин, но это не открытое решение и завязано на бэк Buzzy.
Каких-то более открытых решений я не встречал
Понятно, какую проблему вы пытаетесь решить и, на мой взгляд, выбрали не самое удачное решение. К сожалению, LLM, какой бы умной она ни была, не обеспечивает стабильных результатов, особенно при последующих изменениях дизайна.
Открою вам небольшой секрет: дизайн в Figma описан в понятном JSON-формате. Можно выгрузить документ по API или, даже удобнее, через самописный плагин. Этот JSON уже содержит всю необходимую информацию о токенах, автолейаутах и так далее. Остается только пара недель frontend‑разработчика, который напишет парсер этого JSON в HTML/CSS или сразу React/Vue/Svelte компоненты.
Можно пойти ещё дальше и обогащать JSON данные frontend‑логикой через тот же плагин прямо в дизайне: когда и какую кнопку показывать, запросы к бэку, обработку ответа.
И тогда вам не то что не придется писать промты для LLM, не придется даже ждать от неё ответа, приложение соберется за пару секунд.
Я это могу утверждать по собственному опыту, у меня сейчас так собирается весь фронт.
Задача перед проектировщиком была поставлена уместить десктопную ОС на маленьком дисплее, освободить экран под контент от всего в том числе и от навигации. Задача в корень не правильная, удобство использования отодвинуто на второй план, было бы удобно таким образом выводить только конекстное меню в приложениях и то, что уже реализовано от верхнего края экрана настройки и прочие вещи.
При всей сегодняшней конкуренции мобильных ОС и лидерах занявших свою долю на рынке, получается очень нисшевый продукт, Ubuntu будет сложно бороться за привлечение разработчиков. Но в отличии подражателей вроде RIM и Firefox OS предложены свежие идеи.
Уже боюсь представить кто следующий представить свою мобильную OS, какой нибудь арабский шейх на день рождения своей 15 жены?
Еще минимум год стоило бы поддерживать IE8, конечно если будет наводнение доступных планшетов на Windows RT с IE10 на борту, то доля более ранних версий заметно снизится и отказаться от поддержки IE8 уже будет оправданно.
Так как google тоже стремится к упрощенному и легкому интерфейсу, даже откровенно заимствуя некоторые решения metro интерфесов, то этот MIX словно стирает грань между metro и google. Хороший дизайнерский стеб над корпорациями.
>Для повышения продуктивности инженеров у нас есть специальные инструменты.
Я представил совершенно другие инструменты)
Пройдет несколько лет и это придет в веб-интерфейсы, как норма.
Хотя возможно нам показали только версию для windows mobile, интерфейс ближе к этой платформе.
Как теперь накладывать поп-ап поверх флеша?
Сейчас для embed я добавляю атрибуты menu=«false» wmode=«transparent» и поверх флеша можно позиционировать любой объект, как теперь внутри iframe добавить заветные атрибуты для embed?
Но это решение хорошо к примеру динамической сменой цвета иконок, сверху на SVG можно наложить полупрозрачную PNG с градиентами черных и белых цветов.
Возможно буду использовать эту библиотеку для этих целей, спасибо!
Fatal error: Maximum execution time of 60 seconds exceeded in C:\xampp\htdocs\lookalike\web\index.php on line 4
не представляю какие могут быть шаманства с 1px прозрачным гифом.
Всегда лучше использовать вещи по своему прямому назначению, в прочем ваш код, вам решать