Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

🎬 Meet-The-Team - Part 01 : Recreating FCINQ’s Iconic Bubble Team Section in Adobe Xd

Автор: MNI's Coding Axis

Загружено: 2025-11-09

Просмотров: 31

Описание:

In this video, we dive into one of the most creative “Meet the Team” sections ever made — the interactive bubble-style team page from FCINQ, a renowned French creative agency.

We’ll be recreating this design concept from scratch in Adobe XD, setting up the layout, creating interactive bubbles, and adding smooth Snap easing animations in the Prototype tab to bring the team section to life!

✨ What you’ll learn:
✔️How to design an interactive team-member layout in Adobe XD
✔️Using Smart Layouts and overlapping components
✔️Prototyping with “Snap” easing for organic motion
✔️Laying the foundation for expansion & group interactions

🔗 Inspiration Source:
This video is inspired by the original “Meet the Team” section from FCINQ’s website
https://fcinq.com/

🕰️ Archived Reference:
  / 13-of-the-most-creative-agency-meet-the-te...  

📜 Disclaimer:
This recreation is made purely for educational and design study purposes.
All design credit belongs to FCINQ and their creative team.
No affiliation, partnership, or endorsement is implied.

💡 Next Episode Preview:
In Part 2, we’ll bring this Adobe XD prototype to life with real code — using HTML, CSS, and vanilla JavaScript to simulate the bubble interactions and dynamic physics-based layout.

🎬 Meet-The-Team - Part 01 : Recreating FCINQ’s Iconic Bubble Team Section in Adobe Xd

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

Is Adobe Still the King? I Tested the Best Alternatives

Is Adobe Still the King? I Tested the Best Alternatives

🎬 Meet-The-Team - Part 02 :  Implementing the Iconic Team Section in HTML, CSS & JS

🎬 Meet-The-Team - Part 02 : Implementing the Iconic Team Section in HTML, CSS & JS

Пластичность: быстрее, чем САПР? Изучите инструмент Sweep!

Пластичность: быстрее, чем САПР? Изучите инструмент Sweep!

Shortest Path Finding Series - Part 01: Graphs and Dijkstra's Algorithm

Shortest Path Finding Series - Part 01: Graphs and Dijkstra's Algorithm

Impressive 2025 Website Design Inspiration

Impressive 2025 Website Design Inspiration

Let's Make Ludo - Part 1 - Designing Ludo Board in Adobe Xd

Let's Make Ludo - Part 1 - Designing Ludo Board in Adobe Xd

Let's Make Ludo - Part 2 - Designing the Complete Ludo Board with HTML & CSS

Let's Make Ludo - Part 2 - Designing the Complete Ludo Board with HTML & CSS

Google сделал монстра: нейросеть, которая уничтожает редакторы!

Google сделал монстра: нейросеть, которая уничтожает редакторы!

Gemini 3 меняет всё в веб-дизайне

Gemini 3 меняет всё в веб-дизайне

Figma с нуля (2025) #1 – Начало работы | Интерфейс

Figma с нуля (2025) #1 – Начало работы | Интерфейс

🎥 SVG Morphing Series — Part 02: Setting Up the HTML & CSS Structure

🎥 SVG Morphing Series — Part 02: Setting Up the HTML & CSS Structure

Gemini 3 и Antigravity – РЕЛИЗ года от Google

Gemini 3 и Antigravity – РЕЛИЗ года от Google

Новые UX/UI-инструменты, которые вам стоит попробовать! + Инструменты для ИИ-дизайна

Новые UX/UI-инструменты, которые вам стоит попробовать! + Инструменты для ИИ-дизайна

Shortest Path Finding Series - Part 02: Parsing and Handling Graph Data Structure in C/C++

Shortest Path Finding Series - Part 02: Parsing and Handling Graph Data Structure in C/C++

Лазер и Фрезер 2 в 1 - Идеальный ЧПУ по цене телефона!

Лазер и Фрезер 2 в 1 - Идеальный ЧПУ по цене телефона!

Смешайте ЛАК с КЛЕЕМ ПВА и откройте СЕКРЕТ, о котором мало кто знает! Удивительно!

Смешайте ЛАК с КЛЕЕМ ПВА и откройте СЕКРЕТ, о котором мало кто знает! Удивительно!

Я СДЕЛАЛ РОЛИК ПРО DEEPSEEK

Я СДЕЛАЛ РОЛИК ПРО DEEPSEEK

🎨 Designing & Building an Analogue Clock | Adobe XD to HTML, CSS & JS

🎨 Designing & Building an Analogue Clock | Adobe XD to HTML, CSS & JS

Split Flap Display – Part 1 | Building the Flip Animation & Counter in HTML, CSS, and JavaScript

Split Flap Display – Part 1 | Building the Flip Animation & Counter in HTML, CSS, and JavaScript

The Matrix Rain Effect in C/C++

The Matrix Rain Effect in C/C++

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]