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.