❉ Member of Design Staff @Cognition / ❒ Prev. @NotionHQ — New portfolio dropping soon… Terminal 03

Brooklyn, New York
Attended design crit today, no work was shared via Figma. Everything was vibe-coded prototypes!
40
25
538
303,782
Replying to @reathchris
Actually we dress like this!
3
67
5,324
A couple were built using @cursor_ai prototypes using @shadcn for some of the base material which we have an internal playground setup for, and mine was done in raw @astrodotbuild and @tailwindcss !
4
2
57
8,572
Replying to @avstorm
Probably a bad experience, but good for my life!
1
25
2,955
Replying to @sachinrekhi
For me, the difference was immediate, allowing designers to click around directly in their native browser and providing a live experience allowed everyone to provide real-world feedback and uncover browser-level edge cases
25
5,276
Curious to know what a @NotionHQ designer’s desk looks like after receiving a year of love? Breakdown in thread!
9
2
18
14,723
Come say hi and nerd out with me on all things AI, @cursor_ai , and Design :) thanks @lalizlabeth for putting this together, am hyped and excited!
✨ i am hosting a panel on nov 3 exploring how designers are using @cursor_ai to transform their workflows! join me for a conversation with some very cool designers: - @ryolu_ (cursor) - @jinsu (notion) - catherine wang (ramp). rsvp below, hosted at @tryramp nyc~
3
17
2,706
Can't believe it's only been a week, we need more great events like this! Not only did Catherine Wang and @ryolu_ share amazing insights, but saw old friends and colleagues too. Came home feeling warm and fuzzy :) Thanks for hosting this event @lalizlabeth and @tryramp, looking forward to seeing more soon!
✨ for those of you who could not make it in real life, the recording is on youtube! i hope you find it as inspiring as i did~ piped.video/watch?v=T8T2gHCK…
1
17
2,507
Replying to @brian_lovin
Beautiful.
1
82
Spending the weekend putting together the best showcase of how we think and design with AI. So excited to chat and jam tomorrow. Also… I got a clean haircut just for y’all 😉 rock’n roll baby!
👀 one more surprise: we'll be live streaming the event from the @tryramp account! mark your calendar for 6:30pm EST on monday, nov 3.
2
10
2,681
Replying to @UFLgame
Easy answer, Inter Milan!
83
Replying to @drewskii_xyz
We do have a centralized UI hub, many things documented and componentized. However the experiences our designers are building go beyond existing capabilities therefore to avoid premature componentization, we have a playground environment set up where designers can experiment and riff off others works! All thanks to the amazing work by @brian_lovin
9
1,267
Uniform CSS: A utility-first CSS framework and utility generator for Sass producthunt.com/posts/unifor… by @jinsu
2
9
One great learning and experience you gain being a designer at @NotionHQ — The flexible and versatile nature of the product helps you develop an awareness of potentially every component design permutation and UI layout systems! 🧠
6
1,327
Chromium wrapper? Or will @OpenAI surprise us!
1
6
1,182
Replying to @darylginn
Rectangle guy over here, selecting elements inside a nested frame is too painful.. What am I missing?!
2
5
2,393
The new AI Meeting Notes feature has quickly become essential—it captures everything and summarizes meetings better than I ever could! It even understood the agenda and skipped all the “How’s the weather?” small talk. #notion
1
5
601
Custom metallic mugs gifted to us from our engineering partners as a special “Thank you” ❤️
5
177
Replying to @eve_bouff
We haven’t considered opening up our crit sessions but that’s an interesting idea!
1
5
1,050
Thank you for your kind words @alexhaobao ❤️
1
5
252
Becoming a dad has been one of the most rewarding feelings of my life. Thank you, baby Kenzo 👶
1
5
Replying to @Tangem @Visa
Does it require KYC for me to use?
1
3
403
Someone at some point in @udemy’s long history of design decided to add a progress wheel — a tiny detail that helps users feel a sense of progression instead of being overwhelmed by 771 courses. I’m pretty sure that simple choice improved their course completion rate. I love these kinds of small UX wins that quietly make a big impact. All it probably took was deriving two numbers and Googling “CSS circular progress bars.”
4
697
Would be great if the `gap` CSS property for grid/flexbox could also support negative values so that we can achieve overlapping layouts such as this: #css #webdev
1
4
A warm handwritten goodbye note from @alhyunsoo who left Notion to join @thinkymachines an absolute legend!
4
228
Lo-fi isn’t just for music. Browsers are finally smooth enough to make visuals feel like sound.
1
4
237
If you use Eleventy + Nunjucks and want to get around the “include with parameters” problem this is a gold piece: trysmudford.com/blog/encapsu… thanks @trysmudford
1
3
234
Replying to @highpfloat @threejs
Love how smooth this runs on mobile
4
670
It’s Make with Jinny time!
4
716
I grew up with flip phones and touch typing as a course at school, my son is 3, eager to know what the future holds for him 🤯
4
356
Having traditionally semantic class names in HTML is like naming every single layer in Figma. You wouldn’t do it there, similarly you don’t need it here #tailwindcss #utilityfirst
4
86
Completed my 1000th personal project today. Now it’s time to show the world what 3am lo-if work is all about out across every creative discipline imaginable.
1
3
269
Replying to @steveschoger
As a designer providing developers with Figma is an incomplete process imo. If pixel-perfect translation is what you’re after. The design team should really hand-off a well coded HTML prototype. Our design hand-off process has improved drastically doing it this way.
3
Replying to @ingapng @figma
Amazing work! Also banger music, what's the name of this track? (Please don't say Darude - Sandstorm lol)
3
2,732
Replying to @digitalocean
Ninx! The “g” is obviously silent 🤫
19
Saw this on the subway, @linear … Function?! There’s a dad joke buried somewhere in there.
3
674
Why is someone else more deserving of this than me? This is literally my name.
2
2
Who knew Notion AI’s sibling was such a trouble maker?
3
378
Beware, a circular object produced from outlining a stroke will change in width and height when rotated 45 degrees in Illustrator v24.1 😱 @Illustrator #bug #illustrator #ocd
2
3
Replying to @brian_lovin
I remember when doing increased the chance of getting an offer by 30%
2
422
My personal benefits to this approach has been the ability to just start building UI without worrying about cascades, naming, and semantics. Due to its API-like feature it’s also tremendously easy to transfer code between projects and teams.
3
82
An exclusive set of custom Notion chopsticks gifted to me by one of the Notinos. Super grateful as these were a limited batch made specifically to commemorate the Japanese product launch! Super rare!
3
186
Beautiful.
making things true: design is the practice of seeing through the surface of things to understand their underlying structure, then rearranging those elements into new forms that didn't exist before. most people think design is about aesthetics – making things look good, choosing colors, polishing interfaces. but underneath, design is a way of thinking about the world. it's about decomposition and recomposition. you take something complex, break it down into its fundamental components, understand the relationships between those parts, and then rebuild it in a way that's simpler, more powerful, or reveals something previously hidden. this is why i've always been drawn to tools and systems rather than just products. a product solves one problem. a system gives you the building blocks to solve infinite problems. when i was working on Notion, we weren't trying to build another task manager or note-taking app. we were asking: what are the atoms of software? what are the irreducible elements that, when combined, can create any tool you need? we landed on blocks, databases, views, relations. everything else is just different arrangements of these primitives. once you see this, you realize that all those single-purpose apps – Asana, Linear, Evernote, Airtable – are just rigid, pre-configured assemblies of the same underlying concepts. they've solved for one specific arrangement and called it a product. but why lock people into one configuration? give them the components and let them build exactly what they need. Notion is lego blocks for thought and work. Cursor is doing something similar but at a different layer. for decades, the barrier between human intention and working software has been enormous. you need to know syntax, frameworks, design patterns, debugging. most people with ideas never cross that chasm because the cost is too high. Cursor changes this. when you can describe what you want and the system understands not just the words but the underlying structure – the patterns, the logic, the architecture – then you're no longer translating between human thought and machine language. you're working directly with concepts, and the AI handles the decomposition into code. this philosophy extends beyond software. language is a finite set of sounds or symbols infinitely recombined to express any thought. music is twelve notes in endless patterns. DNA is four base pairs that encode all of life's complexity. the universe is fundamentally modular. simple rules, endlessly recombining, creating emergent complexity. design is the human practice of participating in that process consciously. we look at the world, identify the patterns, extract the rules, and use them to build new realities. when i look at the history of computing, the most important moments weren't new features. they were new primitives. the command line gave us composable programs. the GUI gave us direct manipulation. the web gave us hyperlinks. the smartphone gave us sensors and connectivity. each unlocked entire ecosystems because they provided new atoms that could be infinitely recombined. AI isn't just a feature. it's a new primitive. it's a new way of decomposing and recomposing reality. design is philosophy because it forces you to ask: what is this thing really? what are its essential properties? what can i remove before it stops being itself? and once i understand that, what new things can i build? this is the work. not making things pretty. making things true.
12
5,847
You know your vibe-coded onboarding prototypes are convincing when a manager is refreshing their inbox to receive a verification code 😂
3
2
413
Uniform CSS! 😁
2
Hey I get it, it’s pointless and redundant to have a useful handle go to waste. I don’t know how young he is or how old you think I am, but I’m probably part of the same “generation”. I get that he’s trying to build a platform, but I am intending on doing the same and currently..
3
2
Replying to @namyakhann
Whatever happened to General Sans? It's developed by ITF but it's not listed on their website anymore.. Is it still free? It doesn't seem to have a homesite hmm
1
95
Replying to @jsjoeio
I would 100% recommend @eleven_ty
1
65
Hi @nex3, please check out my project Uniform CSS! It is designed to be a fully configurable utility generator and CSS framework for @SassCSS. It includes JSON output mode and `apply` support similar to @tailwindcss uniformcss.com
2
We pick our own lunches, they typically come in takeaway containers. However Rice Bird NYC delivered us our clay pot dish in literally a clay pot! 😂
2
255
Replying to @UFLgame
All those banner flags are incredibly well synced up.
59
Replying to @tom_hirst
How do you justifiably calculate the estimated increase in leads? And how do you communicate this to client?
33
It was like 5 replies per second I swear!
1
2
328
Work in progress of cleaning up and refining the Sass logo:
2
95
BEM, SMACSS, utility-first, etc all serves us well, but they all feel quite all-in for me. Each with their own pros and cons. I hope with the new features of CSS we can develop a more combined approach that pull strengths from all. I think @openprops is a good example of this.
1
This designer thinks and draws in Liquid Glass, incredible! We can't lose skills like this to Gen AI
liquid glass final boss @figma
3
584
I run Astro, Tailwind, AlpineJS!
2
124
Replying to @adamwathan
I know there is a syntax highlighting plugin in figma with a select number of syntax highlight themes. Takes a text box and formats it including line numbers.
174
Bit-shifting my way through cross-regional serverless postgressional datacenters and everything. Vim.
2
120
Replying to @jenny_wen
I’ve never liked the term “Enterprise” search but it seems that’s what is broadly recognized these days. But I imagine this behavior will soon become just “Search”
2
375
More dense than the carbon structure of diamond!
1
2
76
Replying to @mishacreator
Full-stack product designer based in New York nice to meet you all let’s connect!
1
20
Replying to @argyleink
Nice! Super excited for this. This + scope will be an absolute game changer!
1
Yeah dampening the easings wouldn’t be much help here I think.. I do 2 things, css variablize the duration and tweak/refine in inspect. Or my preferred is not have that swing animation at all, instead make the container expand instantly and opacity transition in the content.
1
2
Replying to @ryolu_
If the question is which layer of UI abstraction is most widely accessible and universally understood, my first guess would be the browser. But I feel there is still a large functional gap between Terminal/IDE vs Browser-only. We need to close this gap!
2
430
Replying to @darylginn
Learn code
1
57
A beautiful ornament I picked up in Shilparamam Art & Craft Village during my visit to the Hyderabad Notion office beginning of this year! We are truly 🌎
2
198
Replying to @_chloeyan
Small feedback! If your phone is set on dark mode the page appears black, bg-white on body would do the trick!
1
2
236
Inter is the Helvetica of the 21st century #typography
2
195
Hey @elonmusk is X gon’ give it to ya?
2
84
Notion 🚀🌚
2
166
Replying to @argyleink
Use to be a Wordpress guy, then discoversed the world of static Jamstacks and built using Hugo. But currently I’m in love with @eleven_ty ❤️
1
2
Replying to @brian_lovin
Agree!
2
301
My 2023 New Year resolutions: - Write more - Read more - Share more
1
1
253
Aw it knows me 😊 thank you to whoever implemented this time-based greeting @claudeai #3am
2
341
Replying to @adamwathan
Full-Stack Designer
52
Hey I really like this handle. I also have intention of doing something bigger with it this year, so.. It would require a big incentive for me to let this go. If I could get the handle @jinsupark I’d be more than happy to make the trade.
3
1
2
Replying to @css
Uniform CSS anyone? (uniformcss.com)
1
You know when the first thing your design colleague comments on is the background vs the site itself, you have to re-think your entire portfolio! Thanks a lot… 😘😂😂 @josephhhhz
1
368
Replying to @argyleink
Super excited for the CSS nesting, but is it just me? I feel like it won’t be that useful/timesaving until native CSS scoping is introduced since Sass-like concatenation is not supported.
1
88
Replying to @josephhhhz
You have a K-pop face become our demon hunter!
1
159
Replying to @saptarshiishere
I can only speak for myself, but I think it really depends on the outcome and the stage of the project. Figma for now is still needed for the rapid ideation it brings imo
1
1
68
Replying to @namyakhann
Let’s goooo!
12
Replying to @karine_hsu
I’m a designer in tech just moved to NY, would love to join and network!
1
New experience, maybe soon. Is all I can say :)
1
257
Replying to @SebastienNvzt
Looks great! Is this being printed on black paper? Or k=100? Maybe just check the weights on the details and print with a trusted printed so you don't get foil cracking!
1
1
34
Replying to @username_ZAYDEK
Have you gone off the utility train?
1
1
Replying to @adamwathan
I wish the same could be said for nesting and scope..
1
127
Replying to @adamwathan
Thanks!
17
Selling Twitter handles are against TOS I am not willing to sell sorry.
5
Like webflow? But first-party Tailwind support? Absolutely genius!
2
1
471
Replying to @stylessh
Hey love the shout out thanks!
1
1
128
What’s the current “best practice?”
1
906
Thanks for your feedback!
1
65
Replying to @SassCSS
Wow noooo way! 😮
1
39