Noah Finer
@finerflame
Followers
416
Following
2K
Media
35
Statuses
257
self-proclaimed chiller, former meme page admin, eng @figma
sf
Joined September 2019
Figma Buzz is here! Proud of this one. It took time, care, and a lot of iteration. We built Buzz with brand designers and marketers in mind, making it easier for both to work side by side in Figma and turn brand assets into production-ready content. It’s in open beta starting
42
84
1K
Introducing slop-loader: a prompt-to-code loader for Next.js/Webpack. Import LLM outputs as build-time content, storing only raw prompts in your repo. Just `import Header from "./Header__prompt.tsx"` and render `<Header />`. https://t.co/HhPKygMBsD s/o @finerflame for idea
4
3
23
0
3
27
have i finally found true companionship through my favorite design tool??? 🥹🥹
0
0
10
had tons of fun chatting about the behind the scenes of building figma slides from the early days to now
How do you take a new product idea, and turn it into a successful product? Figma Slides started as a hackathon project a year and a half ago – and today it’s a full-on product, with more than 4.5M slide decks created by users. I talked with two founding engineers on this
0
0
4
remember to SMASH that https://t.co/ehaY8Ap2tK button
Figma Slides, now out of beta and with new features (!!!) → Import/Export .pptx → Object Animations → Slide numbers → Components → Video improvements
0
6
43
Yo! It's day 9 of Figma Slides drops. Check out these new transition controls! You can now customize duration, change your easing curve, and switch your trigger to a delay. More coming soon but for now @jakub_swiadek and I hope this unblocks your advanced slide transitions!
It’s Day 8 of Figma Slides drops 👀 The Tone Dial now better supports more languages! And in case you need more control, you can easily rewrite text by prompting yourself.
0
6
44
i've been living and breathing in the grid for the last year and excited for everyone else to as well
3
0
13
catch me with my Pantone 448 C palettes 😎 pumped to see my last few months of work out there now!
Introducing custom color palettes for FigJam. To celebrate, we’ll be bringing a little color to your feed today 🎨 #FigJamColorDay
0
1
9
25/32 Transparency for FigJam shape fill Apply transparency for your shape fills to add more mystery or pizzazz to your FigJams.
2
3
92
27/32 FigJam sticky note animation Is it a square is it a sticky note? Now you know with the new curl animation for stickies.
2
4
108
8/ After a much deeper-dive into the unpredictable world of browser rendering, we turned on this new animation today! Enjoy creating stickies with a bit of ✨ extra satisfaction ✨
1
2
32
7/ Then, I debugged further to learn that Safari had a niche rendering bug for an SVG’s drop-shadow when its parent element cut it off slightly. Instead of using a hack from Stack Overflow, I actually fixed the bug at its core!
1
0
12
6/ I had to dig deeper! In doing so, I spent a week learning about how browsers treat GPU layers, and specifically how the backdrop-filter: blur(0) propagated across dozens of other elements, slowing everything to a halt. Shout out to Safari’s rendering debugging tools!
1
0
6
5/ Unfortunately, removing that line made Safari extremely angry.
1
0
5
4/ We spent a few days running tests on my animation’s performance, removing lines of code in hopes of finding what slowed FigJam down so significantly. It turned out to be a hack with zero upvotes I found on Stack Overflow that fixed a few bugs in Safari! Problem solved, right?
1
0
5
3/ The team was overjoyed after playing with this satisfying corner animation! However, our new automated performance tests discovered that I increased our staging environment’s frame duration from 28ms to over 80ms (which is a 3x slowdown in performance!)
2
0
4
2/ The initial brainstorming was fantastic! I spent a few days hacking together multiple CSS transforms and clip paths to make this curl shrink and expand. Here are the behind the scenes on the animation! I scaled an SVG curl and masked the sticky background with 2 clip paths.
1
2
16