Layout Grid Visualizer — плагин создает слои из всех сеток примененных в макете.

Video is not supported

Интересная верстка CV-портфолио.

• Можно использовать как в вебе, так и на печатке #Templates #Layout Открыть в Figma 👨 Дизайн-телега
Video is not supported
Shuffle Layout — созданные случайным образом красивые макеты веб-сайтов.
Video is not supported
Midjourney prompt: https://s.mj.run/A9jPpfi9DX0 https://s.mj.run/QCb9DVAEIb4 architectural kitchen elevation sketch, inset shaker-style cabinetry with soft edges, flat range wall layout, plaster rangehood in center, under bench drawers, no materials or color, technical interior design drawing, white background, black linework, clean elevation design --v 6.0 --style raw --ar 3:2
Миджорни бот: @midjorobot
Изображение поста
Изображение канала: Midjourney Free Design
Midjourney prompt: https://s.mj.run/A9jPpfi9DX0 https://s.mj.run/QCb9DVAEIb4 https://s.mj.run/Kg5mpHXp00s kitchen elevation render concept, clean architectural layout sketch, rangehood wall elevation with inset shaker-style cabinets, under bench drawers, range in center, layout accuracy, white background, no colors or finishes, elegant cabinetry construction, architectural kitchen design drawing --v 6.0 --style raw --ar 3:2
Миджорни бот: @midjorobot
Изображение поста
Изображение канала: Digital-полезности
Промт ночи: копируем стиль и дизайн любого продукта с помощью ChatGPT. Промт дико универсальный: можно записать общий вайб для комикса или генерить продающие картинки для маркетплейсов.
ЧТО ДЕЛАТЬ? — Копируем промт в ChatGPT вместе с 1-5 картинками. Чем больше — тем лучше, с них он считает стиль; — Запускаем генерацию, на выходе будет код. Просим ChatGPT собрать его в JSON-файл; — Закидываем полученный файл вместе с картинкой вашего товара. Опишите его, что хотите видеть на фоне и т.д. Сам промт: Analyze the provided images and create a "brand style profile" in the form of a JSON object. This profile should extract and describe the visual identity, structure, and aesthetic rules shown in the images, in a way that allows an AI to recreate similar visuals in the same style, but for entirely different content. Do not include or reference any specific subjects, logos, products, people, text, or brand names present in the input. Your job is to isolate and document the style, layout principles, and design system used, so it can be reapplied to different content while maintaining the same visual language. The JSON should include, but not be limited to: Color usage: dominant tones, gradients, or palettes Typography style: font mood (bold, modern, playful, clean, etc.), placement, and usage hierarchy Lighting & vibe: energetic / moody / clean / vibrant / soft / etc. Subject placement: centered / floating / grouped / perspective / rotated / etc. Background style: abstract / gradient / textured / scenic / etc. Composition layout: symmetrical / rule of thirds / collage / exploded view / etc. Branding elements: use of overlays, strokes, glows, shapes, burst effects, or other visual motifs Visual tone: bold / casual / premium / loud / minimal / playful / etc. Post-processing style: contrast, saturation, shadows, glow, noise, etc. General style tags: genre/feel, e.g., "sports aesthetic", "editorial look", "clean tech", "pop art", etc. The output must be a well-structured JSON that an AI can use to recreate visuals in the same stylistic language, regardless of the actual subject matter.
Video is not supported
Изображение канала: DESIGN HUB
Урок по обновленному Auto Layout
Смотреть урок 🏛DESIGN HUB
Изображение поста
Изображение канала: Figma от 0 до 1
⚡️ Огромный бесплатный UI Kit, с более чем 1000 иконками, тёмной и светлой темой, компонентами и Auto Layout
Ссылочка на UI Kit — Lookscout - Design System #UIKit #полезное Figma от 0 до 1
Изображение поста
Изображение канала: Уроки 3ds Max + Corona (и V-ray). Илья Изотов
Функция "Lock UI Layout" фиксирует текущее расположение элементов интерфейса и помогает избежать их случайного перемещения.
Включается в меню: "Customize" → "Lock UI Layout". При этом вы всё равно можете добавлять и удалять панели через контекстное меню (ПКМ). Подробнее в видео. Больше полезных шпаргалок по 3ds Max - #3Dгифки
Video is not supported
Изображение канала: Figma Pro
UI Prep Layout Grids
Начните процесс дизайна с адаптивной раскладки и умных брейкпоинтов. Этот файл идеально подходит для вашего следующего проекта, чтобы опробовать полный UI Prep Design System или просто для практики. #UIkit ОТКРЫТЬ
Изображение поста
Изображение канала: DESIGN HUB
Создание адаптивных таблиц с помощью Auto Layout в Figma
🏛DESIGN HUB
Video is not supported
Изображение канала: Фигмач
Fluidssss – Liquid Metal Layouts
Гладкие, блестящие, кислотные — коллекция адаптивных фонов Install 😗 Фигмач
Изображение поста
Изображение канала: Interface designers
🚀 Master UI Design with 58 Essential Rules
Unlock the secrets to crafting stunning, user-friendly interfaces with 58 design rules, structured into 8 key categories — with real-world examples (Apple, Tesla, Nike, etc.)🔥: 1️⃣ Empathy 2️⃣ Layout 3️⃣ Essentialism 4️⃣ Guidance 5️⃣ Aesthetics 6️⃣ Novelty 7️⃣ Consistency 8️⃣ Engagement 🔗Read the full article🔗 As always, your reactions are highly appreciated ❤️ Grab a poster of “58 Rules for Stunning and Effective User Interface Design” for free👇
Изображение поста
Изображение канала: Фигматика | Figma
Плaгин Logo Layout — автоматически масштабирует и распределяет логотипы в сетке, учитывая их пропорции.
Теперь все логотипы будут выглядеть гармонично, независимо от их изначального размера и формы. #логотипы #масштабирование #сетка
Video is not supported
Изображение канала: DESIGN HUB
Простой интерфейс в Figma.
Создаем калькулятор на базе Auto Layout. Смотреть урок 🏛DESIGN HUB
Изображение поста
Изображение канала: Figmastarz
Autolayout All — плагин добавляет auto layout сразу к нескольким выбранным элементам.
🔗 Figma Community ▫️ #accessibility
Video is not supported
Изображение канала: CGPlugins
SketchUp Pro 2025 v25.0.575 Win
🔵 SketchUp Pro — программа для разработки трехмерных моделей домов, гаражей, террас, пристроек, деревянных проектов и даже космических кораблей. SketchUp Pro включает в себя следующие продукты: SketchUp; LayOut; Style Builder. Проекты SketchUp Pro сохраняются в формате *.skp. Любая модель строится при помощи дополнительных деталей, текстур и стекла, конструируется в точном соответствии с пространством. Позволяет быстро и качественно создавать практически любые построения различного уровня подачи — от драфт-эскиза, до готового проекта. 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #soft #SketchUp_Pro #free #бесплатно
Video is not supported
Изображение канала: Руслан Гараев • Пиксель в пикселе
Как я перестал бояться адаптивов благодаря Framer 🔗
История о том, как я чуть не закопал ноутбук из-за муторной адаптации блоков сайта под мобилку. Раньше адаптивы для меня были как квест: → Клиент пишет: «На айфоне кнопка наезжает на текст». → Я 40 минут двигаю элементы пиксель за пикселем для каждого блока. → Обновляю страницу → всё съехало обратно. → Повторяю до тех пор, пока не захочется выкинуть ноут в окно. Но после открытия Framer я... обомлел 💀 Оказалось, адаптивы блоков можно делать за 60 секунд, если знать про стеки (те же привычные Auto-Layout из Figma). Как это работает: → Группируем элементы в стек (stack) вертикально или горизонтально. → Настраиваем отступы (gap) между ними. → Переключаемся на мобильную версию → элементы сами встают как надо. Выше в скринкасте я показал, как это работает. Время: 57 секунд на блок. Почему это х10 раз быстрее, чем в Тильде: 1️⃣ Стек — ваш личный сортировщик: • Элементы не разбегаются, даже если экран смартфона меньше экрана чайника. • Хотите поменять порядок? Просто перетащите элемент → остальные подстроятся автоматически. 2️⃣ Стек — это как умный пластилин: • Растягиваете контейнер → внутренние элементы адаптируются под размер. • Добавили новый блок? Framer сам расставит отступы. 3️⃣ Копирование адаптивов: • Сделали идеальный стек для карточек → скопировали его настройки в другой блок. • Никаких «ой, здесь padding другой» — в Framer всё сохраняется. Хотите, чтобы клиенты перестали писать «Почему на телефоне всё съехало?». Начните создавать сайты в Framer. Прежде чем открыть новое обучение, я предоставлю доступ к демо-версии проекта, чтобы вы почувствовали, что такое Framer "на своей шкуре". Пишите «+» в комментариях, если хотите получить демо-доступ первыми 👇 [БЕСПЛАТНЫХ МЕСТ БУДЕТ ВСЕГО 15]
Video is not supported