Project_microsoft-fluent-glass-ui.case

Microsoft Fluent Glass UI CGI Showcase

Personal CGI showcase inspired by the visual language of Microsoft Fluent Design.

Discipline
3D DesignVisual Design
Date
July 07, 2026
Used Tools
Blender 3D, Adobe Photoshop, Figma
Views
0

About

This project is a personal CGI showcase inspired by the visual language of Microsoft Fluent Design and its soft, translucent visual language. The goal was to recreate the feeling of modern glassmorphism, layered depth, pastel refractions, and clean digital surfaces using Blender.

Overview

This project started as an attempt to reproduce the visual feeling of Microsoft Fluent Design inside Blender. Instead of copying specific interface elements, I focused on the core visual principles: transparency, softness, layered depth, light refraction, subtle color separation, and clean composition.

Bonus

This pipeline allowed me to preserve the original graphic accuracy of the icons and logo while transforming them into polished glass objects with depth, reflections, refractions, and material behavior.

Figma to Blender Workflow

The workflow started in Figma, where I prepared the base icon shapes and my personal logo.

Figma was used for clean vector construction, proportion control, silhouette refinement, and SVG export. This helped keep the source graphics precise before moving into 3D.

After that, the icons and logo were exported as SVG files and imported into Blender. Inside Blender, I converted the flat vector paths into dimensional 3D forms, added thickness, adjusted bevels, refined the geometry, and prepared the objects for shading.

Open Telegram post