Would love for Figma to introduce generative variants into... component sets: 1. Select a layer 2. Click generate variants 3. Figma generates variants into a new component set 4. Original layer turns into an instance of that component set Quick proto...show more

Here is a #figmatip I forgot to drop in... my grid livestream yesterday. Grid is amazing for organizing and creating new variants in a component set.show more

New standard for the accordion component in Figma

Working on eсommerce component in Figma 👝

All-around pagination component in Figma. #uidesign #buildinpublic

Max level badge component in FIgma. #uidesign #buildinpublic

Designing the perfect dropdown component in Figma. #uidesign #buildinpublic

A component showing a coding agent in action, designed... in Figma, animated with Motionshow more

The input component after 999 iterations in Figma. #uidesign #buildinpublic

Added a universal Loader component to so you can... build loaders much faster. This demo is ~90% vibecoded, but without a proper API it would quickly turn into a mess. Component: How it works — in the comments 👇show more

Making a React component to generate and blend ASCII... art of a given imageshow more

A new shadcn primitive for ye! The Image Crop... component — a fully composable component for cropping uploaded images. Link 👇🧵show more

🎉 Introducing: Interactive ASCII Component for Framer. Turn your... images into interactive ASCII art with fully customizable properties. RT + comment "ASCII" and i'll send you the component :)show more

introducing: gooey effect component for Framer use this component... to add morphing animations that blend and flow across your site for a fun, smooth effect. comment "GOOEY" and i’ll send you the component :)show more

Dither / halftone effects tutorial in After effects (No... plugins needed) 1. Create a Shape Layer (dot/circle) 2. Pre-comp it → add CC Tiler 3. Import your image/video 4. Add Card Dance to an Adjustment Layer 5. Set Gradient Layer 1 to your footage 6. Set X & Y Intensity to 1 Adjust Rows & Columns to tasteshow more

Figma design vs Claude Code output Here's my workflow:... → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the outputshow more

A Dream Of Wagashi = 256 layers of Japanese... Gradients + Figma Progressive Layer Blurshow more

This would have taken me forever without Claude AI... I constantly get impressed by how far I can take concepts I had in my head to a functional component in a couple of hours. Normally, I'd spend just that amount of time designing in Figma. Now, I completely skip Figma and go straight to code. Designing in code is back and I love every minute of it.show more

Found a solution. No code. Framer only. Fully responsive.... Packed into a component. Remix link in the comments. Enjoy! 👇show more

Create beautiful moving gradients ShaderGradient is an online tool... that helps create beautiful gradients. You can customize colors, shapes & motion properties. The tool is also available in Figma, Framer, and as a React component.show more

introducing: click effects component for Framer add from 6... unique click interactions like rings, burst, particles, and more. comment "CLICK" and i’ll send you the component :)show more