3D Pixel

3D Pixel is the ultimate 3D companion for designers. Whether you're building 3D mockups, architectural visualisations, or just need to drop a GLB model into your layout, 3D Pixel makes it seamless, fast, and beautiful.

✨ Key Features- Instant 3D Preview: Drop any .GLB or .GLTF file and see it rendered instantly with Three.js.- High-Fidelity Rendering: Professional-grade lighting, soft shadows, and environment maps for PBR materials.- Interactive Gizmos: Position, rotate, and scale your 3D models with intuitive on-canvas transform controls.- Frame Preview Mode: Select a frame in Figma and preview how your 3D model looks inside your layout in real-time.- One-Click Insert: Capture your 3D scene and insert it as a high-resolution image directly into your Figma canvas.- Multi-Angle Export: Need views from every side? Export front, back, left, and right angles with one click.- Quick Start Library: Don't have a model yet? Try our curated library of high-quality 3D assets to get started.

🛡️ Privacy & StorageWe take your privacy seriously.- Zero Server Storage: Your uploaded 3D models stay entirely in your browser's memory. We never upload your assets to our servers.- Client-Side Only: All rendering and processing happens locally on your machine.- No Hidden Costs: Completely free to use.

🚀 How to Use1. Open 3D Pixel from the Plugins menu.

2. Drop your 3D model (.glb or .gltf) into the plugin window.

3. Adjust the camera and use the **Gizmos** to position your model.

4. (Optional) Select a frame in Figma and click "Preview in Frame" for a perfectly balanced layout.

5. Click Capture to insert the render into your design!