crab eating potato chip
make your own epic figma slides right now within chatgpt
Figma@figma
Hey ChatGPT, can you make an invite and presentation for the holiday party that reminds Gary to share the karaoke stage?
English
Noah Finer
258 posts
Noah Finer
@finerflame
self-proclaimed chiller, former meme page admin, eng @figma
sf เข้าร่วม Eylül 2019
495 กำลังติดตาม414 ผู้ติดตาม
people liked the choo choo test sfstandard.com/2025/07/13/mun…
English
Noah Finer รีทวีตแล้ว
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 today, can’t wait for you all to try it!
Also, tune in tomorrow at 12:40pm PST for our design deep dive 👀
@figma #config2025
English
Noah Finer รีทวีตแล้ว
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 />`.
github.com/nathanhleung/s…
s/o @finerflame for idea
English
have i finally found true companionship through my favorite design tool??? 🥹🥹
English
had tons of fun chatting about the behind the scenes of building figma slides from the early days to now
Gergely Orosz@GergelyOrosz
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 project, on how they built it: Jonathan Kaufman and Noah Finer shares details. Watch or listen: • YouTube: youtube.com/watch?v=XXXa31… • Spotify: open.spotify.com/episode/352qdC… • Apple: podcasts.apple.com/us/podcast/bui… Brought to you by: • @withgraphite — The AI developer productivity platform gt.dev/pragmatic • @SonarSource — Code quality and code security for ALL code sonarsource.com/pragmaticsecur… • @chronosphereio — The observability platform built for control chronosphere.io/pragmatic Two interesting takeaways from this episode: 𝟭. 𝗙𝗶𝗴𝗺𝗮’𝘀 𝘄𝗲𝗯 𝗮𝗽𝗽 𝘂𝘀𝗲𝘀 𝗮 𝘀𝘂𝗿𝗽𝗿𝗶𝘀𝗶𝗻𝗴 𝗮𝗺𝗼𝘂𝗻𝘁 𝗼𝗳 𝗖++ 𝗰𝗼𝗱𝗲. It’s rare for web engineers to need to use C++ — but Figma is an exception, as the design tool built their own rendering engine. This means that frontend engineers need to get into the opinionated C++ codebase to make changes — though rewriting some parts of the code to TypeScript is currently on the way. 𝟮. 𝗧𝗵𝗲 “𝗘𝗻𝗴𝗖𝗿𝗶𝘁” 𝗽𝗿𝗼𝗰𝗲𝘀𝘀 𝗶𝘀 𝗮𝗻 𝗶𝗻𝘁𝗲𝗿𝗲𝘀𝘁𝗶𝗻𝗴 — 𝗮𝗻𝗱 𝘂𝗻𝗶𝗾𝘂𝗲! — 𝗼𝗻𝗲. Figma’s engineering reviews/discussions are called EngCrit. An engineer presents their plan or idea in a FigJam board, and other engineers join in to give their feedback. This process has parallels with the RFC or design doc process — but it feels a lot more lightweight. Plus, it dogfoods Figma’s own products! Thanks a lot to Jonathan and Noah for offering a behind-the-scenes peek on the challenges and interesting learnings in building this new product!
English
@AnneReyesD Hey, I’m an engineer on Figma Slides. The undo issue should now be fixed, sorry about any trouble it may have caused.
English
Started using the Figma slides. Very excited about it but... I'm having trouble with the undo.
#Figma if your team is out there, what would make it really amazing is if I delete content... It would be nice if I could undo it.
I kept expecting it would just be life Figma.
English
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!
Natasha Tenggoro@natashatenggoro
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.
English
i've been living and breathing in the grid for the last year and excited for everyone else to as well
Figma@figma
Giving you speaker notes isn’t enough we need to give you Figma Slides too #Config2024
English
catch me with my Pantone 448 C palettes 😎
pumped to see my last few months of work out there now!
Figma@figma
Introducing custom color palettes for FigJam. To celebrate, we’ll be bringing a little color to your feed today 🎨 #FigJamColorDay
English
It’s the little things you treasure 🥲
Figma@figma
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.
English
Noah Finer รีทวีตแล้ว
Noah Finer รีทวีตแล้ว
@bnj @jakub_swiadek @figma Yes! Jakub’s designs include a shadow that overflows over the top left of the curl when exported as an SVG (see the red layer!). The static mask hides that when there’s no movement.
The dynamic mask has hard edges because the shadow overflow is less noticeable while animating!
Jakub Świadek@jakub_swiadek
I was on the case, re-working the intricate paper curl architecture.
English
@finerflame @jakub_swiadek @figma Interesting—is there a reason the static mask is rounded at the cutoff?
San Francisco, CA 🇺🇸 English
We're on a roll over here at @figma... we’re launching a redesigned sticky note curl today. Here’s why we’re excited about this tiny little design detail.
English
@finerflame thanks for sharing, the result looks amazing. you went DEEP
English
1/ Earlier this year, @jakub_swiadek showed FigJam his draft of an extra-satisfying sticky note animation. Everyone was impressed, but a big question lingered — who would implement it?
I decided to give it a go. It quickly ballooned into a wild CSS rabbit hole. 👇
Jakub Świadek@jakub_swiadek
We're on a roll over here at @figma... we’re launching a redesigned sticky note curl today. Here’s why we’re excited about this tiny little design detail.
English
@bnj @jakub_swiadek @figma Yup! The curl layer is an SVG that is scaled from 1 to 0, however there’s also multiple masks over a rectangular sticky background that have to be translated.
See here!
Noah Finer@finerflame
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.
English
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 ✨
English
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!
English