# Animated Skeuomorphic 3D Icon Workflow

> Workflow for generating and animating Airbnb-style isometric 3D icons using AI

This tutorial details how to generate cohesive Airbnb-style isometric icons and turn them into short looped animations. It combines a custom Hugging Face LoRA loaded into Flora with Kling for consistent video motion.

## How it works

Steps: (1) Download the 'isometric-skeumorphic-3d-bnb' LoRA (a .safetensors file, 89.7 MB) from Hugging Face, trained by @multimodalart. (2) In Flora, use Upload LoRAs (LoRAs become Universal Styles usable with every image and video model), drag in the .safetensors file, set a trigger keyword. (3) Image prompt: 'RBNBICN, icon, white background, isometric perspective' after your subject. Example from the thread: 'a kangaroo on a red desert terrain, RBNBICN, icon, white background, isometric perspective'. (4) Select the style in Flora, then animate in Kling. Kling prompt from the thread: 'Animate the kangaroo in a smooth slow bounce, lifting slightly off the base and gently landing back. Add a soft tail movement for balance and subtle wiggle to the green cactus plants as if reacting to the motion.' Sea-turtle example — image prompt: 'A sea turtle swimming over coral reef, RBNBICN, icon, white background, isometric perspective'; video prompt: 'Animate the sea turtle with a gentle swimming motion, slow flaps of the flippers as it glides in place, while the coral sways slightly as if underwater. Add tiny floating bubbles rising up near the turtle's mouth.'

## What it is for

- Generate consistent skeuomorphic 3D illustrations for UI design
- Animate landing page icon assets using Kling video generation
- Apply custom Hugging Face LoRAs as universal styles in Flora

## Key points

- Source LoRA: uses multimodalart's isometric-skeumorphic-3d-bnb safetensors file
- Style activation via the specific trigger keyword RBNBICN
- Prompt formula combining subject description with isolation tokens on a white background
- Direct pipeline into Kling for subtle localized animation loops

## Pricing

Free

## Details

- Type: Tip
- Category: [Design](https://xiry.app/topics/design.md)
- Topic: [AI Workflows](https://xiry.app/topics/development/ai-workflows.md)
- Open source: no
- Platforms: Web
- For: Motion designers, UI/UX designers, and AI creators
- Tags: lora, flora, kling, icon design, 3d icons, animation

## Why it was saved

- [@egeberkina, 19 May 2025](https://x.com/egeberkina/status/1924487214743843066): Shows how to get a consistent icon style with a community LoRA and gives the trigger-prompt formula verbatim.

## Related

- [Audit-Then-Execute Animation Workflow](https://xiry.app/resources/audit-then-execute-animation-workflow): Two-stage AI workflow for auditing and fixing UI animations across codebases (Tip, Free)
- [Building a Style-Mimicking News Bot with Grok API](https://xiry.app/resources/building-a-style-mimicking-news-bot-with-grok-api): Recipe for scraping news URLs and rewriting them in your voice using Grok (Tip, Free)
- [Xcode + Cursor AI App Prototyping Workflow](https://xiry.app/resources/xcode-cursor-ai-app-prototyping-workflow): A fast iOS development workflow combining Perplexity, Cursor, and Xcode (Tip, Free)
- [YouTube Comments to Insights Workflow](https://xiry.app/resources/youtube-comments-to-insights-workflow): Four-step AI agent pipeline to extract audience insights from YouTube comments (Framework, Free)
- [Hera](https://xiry.app/resources/hera): AI-powered web editor for generating editable motion graphics from text prompts. (Web app, Freemium)
- [Modyfi](https://xiry.app/resources/modyfi): Browser-based graphic design editor with procedural motion graphics and effects (Web app, Freemium)

Updated 11 October 2026. Page: https://xiry.app/resources/animated-skeuomorphic-3d-icon-workflow

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.