
design + eng @atlassian
Melbourne, Victoria
Joined October 2009
- Tweets204
- Following985
- Followers1.5K
- Likes2.7K
Jason Jun retweeted
Throwback to Atlassian Team Europe 26! Had a blast working on the keynote closing animation, which seamlessly transitioned into an infinitely looping mega bento wall! 🍱
If you're interested in the creative process & tooling, check out @eduardo_sonnino awesome post for a deep dive. teapawt.net/eduardo_sonnino/status…
Jason Jun retweeted
🧰 The always evolving toolchain and Story Factory
Two days out from our @Atlassian Team ’26 EU conference, we decided to close the show with something ambitious: a living digital wall made of everything we had announced. We wanted to celebrate the hundreds of pieces of work from the teams, by featuring all the signature interface elements moving in concert across a ~20k pixels wide multi-screen canvas.
The goal was to make each element feel placed and animated by a single designer. But doing it all by hand would have been a production nightmare, and most likely the idea would have died there. So we built a bespoke tool that could translate production code and source designs into a procedurally animated wall that scrolled endlessly across all three screens.
The wildest moment for me was seeing "version 54" in the tool two days later, reflecting dozens of almost real-time changes from rehearsal feedback. The end result was a fantastic moment on stage that fully met the brief. And it was the spark for a more enduring tool that we call 'Story Factory'. This evolved version helps design, marketing, sales, and product managers to tell better stories - across more channels, by more people and with high quality.
@eduardo_sonnino , @vennsoh and @jsonjun created the initial tool - and over the last month they've been jamming with @mcannonbrookes, Andrew McClenaghan, Mike Flood as well as a bunch other passionate builders to make it better every day. We're getting the same level of stoked "no way!!" reaction from the teams experimenting with it, as we got from the audience at Team '26 EU.
There's a ton of lessons, implications and ideas to share - so check out @eduardo_sonnino's article on our Story Factory journey here ->
teapawt.net/eduardo_sonnino/status…
Jason Jun retweeted
The design technology team at @Atlassian is such an amazing force multiplier for everything we do. 🔥🔥
Jason Jun retweeted
Reposting Sean’s post: Atlassian’s Design Technology team raises the floor (AI with design context, prototyping for everyone) and the ceiling (code as living spec, Generative UI, build to think). Proud to be part of this team 🚀
Jason Jun retweeted
🧰 Building Protobox: our AI prototyping tool
Eighteen months ago, the Atlassian Design team started the transition of building with AI-powered prototypes. Over time, we realised we could better integrate different workflows and technology stacks - so we built Protobox. It started as an app-specific kit, grew into a Bitbucket repo, and has now evolved into a full-blown Mac app. Protobox is a super flexible canvas for building on coded prototypes.
The goal wasn't to replace existing design tools in our toolchain. It was to leverage code where it helps most -> bringing technical feasibility into the room early and using agent skills like "Pre-flight" and "Spec-gen" to cut down on back-and-forth. This has helped us align faster on releases across the @Atlassian System of Work - including Confluence Remix, @loom Speaker Notes, @Jira AI SDLC features and plenty more.
@jenco has written an article detailing our approach, including the trade-offs and learnings. Great design requires designing great tools - and the team has absolutely delivered on that.
Read more - linkedin.com/pulse/building-…
Jason Jun retweeted
Recently wrapped on a project creating a visual expression for the Teamwork Graph. As part of this work we launched an online experience where Atlassian users can log in and preview their own graph. Here’s a behind-the-scenes look at my favourite details from the project. 1/14
Jason Jun retweeted
🎆 So much good stuff announced today at Team '26! I loved the spirit of how we spoke to it all. Down-to-earth live demos. Tangible translation of ideas that are often abstract. Less hype train and more seeing around corners to help companies make the most of this moment. It felt...very Atlassian.
Some particular highlights for me from a design craft perspective -
🤌 Teamworkgraph.com -> just a lovely piece of work. Playful, engaging and powerful.
✨ Open Teamwork Graph w/CLI + MCP -> so many designers will build better prototypes & production experiences with this context.
🤖 Agents in Jira -> just dragging a few cards and seeing a bunch of agents get to work, is so simple and approachable.
🔎 Code Intelligence in Rovo -> connecting code with the 'why of the code' reduces friction for teams working with design systems.
💻 Dia Browser -> we're creatures of rhythm and ritual, the morning brief is such a sweet moment in my day.
Jason Jun retweeted
Some news! After a long Twitter hiatus, I'm happy to announce that I'm going full-time @theloversmag ✨ We're launching something new called Spaces, a more personal careers page for teams 👫
👉 spaces.loversmagazine.com/
Oh, and the landing page was built in @framer 💚💙❤️
Jason Jun retweeted
Live editing a react app with plain English featuring
@OpenAI Edit GPT, @nextjs and precedent template from @steventey (speed 1.5x)
Jason Jun retweeted
CSS co-designer here.
!important was added for one reason only: laws in the US that require certain text to be in a given font-size. !important stops the cascade from changing it.
Anything else is probably misuse, and a sign you may not understand the cascade properly.
Jason Jun retweeted
One of the most interesting projects exploring what can be generated in UI design is @components_ai. Really impressive work there. 👏
Play with generators on their website to get the idea(s) ⤵️ components.ai/
Jason Jun retweeted
I really like short one-line guards in functions.
Take, for example, this `stopStreamedVideo` function. The entire function body is wrapped in an if statement to validate that a valid video element was passed in.
Jason Jun retweeted
On n off for the past 3 yrs, have been working on converting 1 of my talks during my time at @lightforminc into a digestible and reference-able, free, online, micro book.
whydoweinterface.com/
Been waiting for the right time to share but not sure if that will ever come 🧵
Jason Jun retweeted
Looking for more help in your design systems work? We just launched our new Tools section, which features a few assets and resources to help you learn and teach design systems, and we'll be adding a lot more to it over time. Tell your friends! superfriendlydesign.systems/…
Jason Jun retweeted
Origami Studio 3 is here. With a new canvas interface, dynamic layout, Figma & Sketch support and a ton of performance improvements and new patches. origami.design/
Jason Jun retweeted
You know how leading always felt kind of broken/weird in web typography? Yeah, that’s because it is. The CSSWG is working on fixing it permanently — specifically @fantasai with the support of Microsoft Design.
Read about how it will work in the future: medium.com/microsoft-design/…






















