Dev vs designer

@mrllama25

47.0K followers · usually 9.1K views a post

Views

799.5K

Likes

87.7K

Comments

531

Shares

2.4K

Why it worked

The split-screen format effectively highlights the contrast between two common tech workflows, appealing to both designers and developers while providing satisfying, high-quality visual results.

Summary

A split-screen video compares a developer coding the Apple Dynamic Island animation in HTML/CSS with a designer creating the same animation in Figma. The video showcases the different workflows and tools used by developers and designers to achieve the same UI result.

Structure

1Introduction of the dev vs designer challenge
2Designer demonstrates the animation process in Figma
3Developer demonstrates the coding process in VS Code
4Final side-by-side comparison of the results
5Call for suggestions for the next UI design

Call to action

What ui design shall I make next

On-screen text

Dev vs designer ANIMATING APPLE'S DYNAMIC ISLAND IN FIGMA Lovely Jubbly!

Transcript

Dev vs designer. Animating Apple's dynamic island in Figma. What a pain. Thanks Zander Whitehurst. What UI design shall I make next?

Original caption

Recreating the dynamic island. What a pain 😤. Thanks @zander_whitehurst. What ui design shall I make next 🤔 #ui #dynamicisland #uidesign #frontend #html #htmlcss #frontenddeveloper #uiux #code #coding #compsci #javascript #reactjs #vuejs #angularjs #codetok #devtok