🚀 Превращаем Фигма макеты в живое приложение без кода

Фёдор из Notamedia показал способ создания рабочих прототипов мобильных приложений через связку Figma, Cursor, Expo и Git. Главная идея в том, чтобы использовать ИИ-редактор кода Cursor для автоматического превращения макетов в React Native приложение. Процесс начинается с подготовки макета: все элементы должны иметь понятные названия, чтобы ИИ лучше понимал структуру. Затем через Figma MCP (специальный сервер) Cursor получает доступ к макету и с помощью команды get_code изучает структуру фрейма. После создания базового проекта через npx create-expo-app достаточно скопировать ссылку на фрейм из Figma и отправить в чат Cursor с нужной командой. Результат можно сразу посмотреть на смартфоне через приложение Expo Go, просто отсканировав QR-код. Внутри: – Зачем нужны «Записи и правила» в настройках Cursor; – Как Git спасает от случайного переписывания кода ИИ-агентом; – Почему важно правильно называть элементы в макете; – Как запустить прототип на любом смартфоне через Expo Go; – Какие команды нужны для сохранения работы через Git; – Почему навыки вайб-кодинга скоро станут обязательными для дизайнеров. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Времени разобраться с RS 4 Pro Combo ушло не мало. А практика только впереди. Но основная часть сетапа собрана. Управление фокусом работает. Автотрекинг объекта тоже. Вес 6 кг. Ожидаю ещё объектив анаморфный и Lidar. И начинаю съемочки. Хотя что-то поснимаю 100% до доставки. Опять же ради практики и привычки. Возможно, заменю планшет на смартфон.

Изображение поста
Изображение поста

Comes

Модульный ИИ-ассистент. Интересен совмещением двух форм-факторов: прямоугольного смартфона и стремящегося к квадрату ИИ-устройства. @ Kim Si-u #product #formfactor
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста

Новый бизнес-маршрут построен

Создавая рабочее пространство, компания прокладывает новый трек своего развития. Именно такой путь выбрал «Автобан», переехав в технологичную штаб-квартиру от Pridex в Сколково. Вместе с ABD architects мы создали для сотрудников полноценную «дорожную карту» продуктивностии: от просторных опенспейсов и умных переговорных до комфортных зон отдыха — настоящих кемпингов для перезагрузки. Навигатором в этом пространстве стала цифровая экосистема, позволяющая управлять всем офисом со смартфона. А как выглядит штаб-квартира «Автобана» в динамике — смотрите в ролике. 👉 Здесь всё об офисах
Календари-обои для смартфонов на ноябрь ❤️‍🔥
В этом месяце собрали заставки с балансом света и тени, архитектурным ритмом и сдержанной палитрой. Дизайн, вдохновляющий на концентрацию и спокойствие ❤️ Выбирайте все заставки в отличном качестве в комментариях 👇 #календари #обои
Изображение поста
Изображение поста
Изображение поста
Изображение поста
📱 Создание дизайна мобильной ОС с нуля за 2 года
Команды НТЦ ИТ РОСА и 65apps рассказали о создании дизайна операционной системы «РОСА Мобайл» для антишпионского смартфона «Р-ФОН». Задача была амбициозной: создать гибрид iOS и Android с интуитивной навигацией для корпоративных пользователей, которым важна безопасность данных. Исследование показало, что в России лидирует Xiaomi с MIUI 13, а на втором месте Samsung с OneUI 4. Команда изучила 50 смартфонов разных производителей, чтобы найти оптимальные решения. В итоге выбрали овальную форму иконок (так никто не делает), три размера виджетов вместо хаоса Android и систему шорткатов, учитывающую положение пальца при нажатии. Логотип построен на теории множеств с метафорой капли росы. Внутри: – Почему оболочка MIUI оказалась ближе всего к iOS среди Android-систем; – Как 99% совпадение эскизов логотипа родилось за одну ночь; – Зачем ограничились тремя размерами виджетов; – Почему выбрали овальные иконки вместо стандартных форм; – Как учли четыре фактора при проектировании шорткатов; – Какую награду получила РОСА Мобайл на Tagline Awards 2024. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
делимся интересными трендами за неделю:
🫂 wellness-трансформация обычных товаров производители добавляют обычным товарам функции для улучшения ментального и физического здоровья, например, создают ароматы, способствующие социальной близости. специальные запахи от dsm-firmenich помогают преодолеть социальный дискомфорт, выступая мостом между цифровым миром и живым общением. ✍️ умная ручка отслеживает продуктивность японская компания Kokuyo создала датчик Otona Yaruki, который крепится к любой ручке и отслеживает активность письма с помощью акселерометра. данные синхронизируются со смартфоном, где приложение строит графики обучения и предоставляет обратную связь, используя элементы геймификации для поддержания мотивации. 💊 Amazon Pharmacy запускает систему аптечных киосков компания запускает в США систему аптечных киосков, чтобы решить проблему неисполнения рецептов и избавить пациентов от очередей. пациенты смогут забрать заказанные через приложение лекарства в киоске сразу после визита к врачу, получив при необходимости консультацию фармацевта по видеосвязи. trends.aic.ru
Изображение поста
В архитектуре премиум-класса безупречный внешний вид остекления – ключевое требование. Однако традиционно используемое термоупрочненное стекло часто создает оптические искажения («закалочную волну»). Решение – переработка стекла методом химического упрочнения. Написали об этом в Технологиях.
Химически упрочненное стекло давно известно по экранам смартфонов и планшетов, но в строительстве его стали использовать совсем недавно. В чем суть? Стекло обрабатывают в расплаве солей, создавая на поверхности прочный сжимающий слой. Без высоких температур, а значит — и без деформаций. В итоге у него идеальная оптика, прочность в 2 раза выше, чем у термоупрочненного. И термостойкость выше — до 250°C, что страхует от теплового шока на солнце. Где применять? – Стеклянные ограждения и перила — где важна кристальная прозрачность. – Большие фасады — для защиты от термического растрескивания. – Сложные гнутые формы — технология не вносит искажений после моллирования. 👉 Подробнее на Архи.ру. #остекление #фасады #стекло #технологии
Изображение поста
Автопроизводитель Suzuki изменил дизайн эмблемы, которую компания использует на своей продукции. Это произошло впервые за 22 года.
Чтобы выразить неизменную приверженность бренда своему наследию, были сохранены очертания фирменного стиля Suzuki и культовая буква «S». Но что же изменилось? 🔺Очертания буквы «S» стали плоскими, без объёмных элементов, что лучше отображается на экранах смартфонов. 🔺Традиционное хромированное покрытие заменили на высокоотражающую серебристую краску, которая является более экологичным выбором. 📌Новая эмблема является воплощением нового слогана компании «By Your Side» («Рядом с вами»), который подчеркивает приверженность бренда покупателю. Как вам такое решение? Нравится больше старая эмблема или новая? 🥲 – старая 🔥 – новая
Изображение поста
ОСТОРОЖНО! Собираюсь хвастаться и, возможно, делать больно всем, кто ничего не успевает.
Я подготовила и запустила марафон @logotober в одну каску. Помощь я приняла по двум задачам: 1. Отправить в рассылку по почте письмо с приглашением на марафон. 2. Обтравить лисичек для набора стикеров, потому что у меня Photoshop отдал богу душу. Остальное я сделала за двое суток: 1. Разработала концепцию и сценарий проведения марафона. 2. Создала каркас бренд-айдентики: палитра, шрифты, графические элементы. 3. Придумала маскота и набор цифровой сувенирки. 4. Создала стикерпак. 5. Создала макеты: - посты в канал арафона - трекер А4 - стикер для трекера - бейджик участника - шаблоны для публикации работ 6шт. - шаблон оформления заданий марафона - обои на смартфон - путеводитель 11 полос 6. Во все макеты я написала тексты, слоганы, заголовки. 7. Разработала систему кросс-ссылок, чтобы участники могли из разных источников получить информацию и контент. 8. Создала активности для расширения покрытия марафона и привлечения к нему внимания. 9. Написала и продолжаю писать тексты для постов в канале. При двух детях и основной работе. И это движ не ради денег, хотя, конечно, я там не упущу возможности пригласить на свой курс, который очень созвучен марафону. ☄️ Шалость удалась. - На марафоне уже 600+ человек - Бешеная вовлеченность участников. - Мне сам написал Logobaker с предложением разместить инфу о марафоне у них. - Я собираюсь ещё сходить и найти спонсоров на подарки участникам – да пошлют боги мне сил и фантазии. Если будете запускать какие-то активности, то смело приходите ко мне на консультацию – я расскажу, как создавать больше, выше, сильнее, чем у других. Всем чмок. Ушла делать прививку от гордыни (шутка, от гриппа).
Изображение поста
Хусейн времени зря не тратит
Он создал 3d мокапы смартфона и бесплатно им делится Скачать мокап можно тут
Изображение поста
Специальный набор от Samsung Galaxystore — в нашем любомом цвете!
Samsung Galaxystore выпустила лимитированный сет, куда вошли складной смартфон Galaxy Z Flip7 в оттенке Navy Blue и сумка-шкатулка из сатина, созданная специально под его размер. Называется все это счастье соответствующе — The Blue Edition. Рассказываем подробнее о визуальных и стилистических решениях этого запуска — по ссылке.
Изображение поста
⭐️ Мокап экрана смартфона
📌 Теги: #mockup / #psd / #graphic / #design ➡️ Скачать Нажми ❤ | Dsgn Lib
Изображение поста
⭐️ Мокап экрана смартфона
📌 Теги: #mockup / #psd / #graphic / #design ➡️ Скачать Нажми ❤ | Dsgn Lib
Изображение поста
iPhone Air
Из вчерашней презентации Apple отметил для себя не явный, но интересный технологический сдвиг. В своем самом тонком смартфоне компания отказалась от физической SIM-карты в пользу eSIM. Если учесть, что порт USB остался больше по экономическим причинам (требования Евросоюза к унификации кабеля), то мы пришли к полному отказу от внешних разъемов в телефоне. Сначала закрылся доступ к аккумулятору, Bluetooth наушники и беспроводные зарядные устройства избавили от кабелей и вот, с отказом от физической SIM, цикл завершился. #product #formfactor
Изображение поста
⚡️Мой шрифт Palui SP в презентации нового смартфона Apple iPhone 17 PRO. Как вам?
Это шутка, конечно. Но похоже 😅
Изображение поста
Агентство по управлению и использованию памятников истории и культуры запускает народный конкурс видеороликов «Место силы», посвящённый культурному наследию и историческим зданиям России.
🗼Цель конкурса — собрать единую видеолетопись памятников архитектуры нашей страны, сделать их более узнаваемыми и любимыми. От участников требуется: 🚊 ролик длительностью до 3 минут; 🚊 можно снимать как на смартфон, так и на профессиональную камеру; 🚊 разрешены монтаж, озвучка и другие творческие приёмы. ⛴В видео важно рассказать историю памятника, показать его значимость и передать личное впечатление — так, чтобы у зрителей возникло желание увидеть его своими глазами. К конкурсу приглашаются граждане России старше 18 лет. 🚆Работы принимаются до 14 сентября. Подробнее с условиями конкурса можно ознакомиться по ссылке.
Изображение поста
#Сервисы
Еще один сервис по подбору цвета. В этом случае на основе выбранного цвета подбираются 2 других ему в пару + ты можешь наглядно посмотреть на то, как эти цвета будут смотреться на экране смартфона Сервис тут
Минималистичные макеты устройств для презентаций.
• Более 50 премиум макетов устройств (смартфоны, планшеты, десктопы) • Светлая и тёмная цветовые схемы для любого дизайна • Умный контейнер для изображений с встроенными соотношениями • Полностью отзывчивые и настраиваемые рамки • Современный, минималистичный дизайн без отвлекающих элементов #mockup #portfolio #presentation Открыть в Figma Источник 👨 Дизайн-телега
ColorCopyPaste — в реальном времени скопируйте и вставьте цвет с камеры смартфона прямо в Фигму.
colorcopypaste.app