正在加载视频...

视频加载失败

Introducing Graphical. It's a simple, powerful, and fun tool to design visual languages, style components, and work with coding agents to create interfaces that look memorable and feel unique. I hope you'll check it out at

400,808 次观看 • 1 天前 •via X (Twitter)

57 条评论

Kris Puckett 的头像
Kris Puckett1 天前

@withgraphical Always such a nice attention to the details. Learn so much from you dude.

joshpuckett 的头像
joshpuckett1 天前

@withgraphical heyy you found one of many easter eggs! this was my favorite

Jaytel 的头像
Jaytel1 天前

@withgraphical He did it again ???

joshpuckett 的头像
joshpuckett1 天前

@withgraphical appreciate your early feedback last week! 🥂

James McDonald 的头像
James McDonald1 天前

@withgraphical He's gone and done it again

SRT 的头像
SRT1 天前

@withgraphical really love this interaction

joshpuckett 的头像
joshpuckett1 天前

@withgraphical Make Footers Fun

Steve Lauda 的头像
Steve Lauda1 天前

@withgraphical oh wow this is another smart tool from you, Josh!

joshpuckett 的头像
joshpuckett1 天前

@withgraphical everyone should have an easier way to get started making things with coding agents that don't look like garbage, so that's why we made it!

Greg Huntoon 的头像
Greg Huntoon1 天前

@withgraphical Yo, @joshpuckett, what a cool freaking move to drop @timelessco Grotesk in there as one of the two defaults. Seriously rad way to support. 👏🏼👏🏼👏🏼

ellie 的头像
ellie1 天前

@withgraphical omg ???? immediate purchase. the ROI on josh puckett tools and content is astronomical

Marvin Schwaibold 的头像
Marvin Schwaibold1 天前

@withgraphical congrats brother! ✨

joshpuckett 的头像
joshpuckett1 天前

@withgraphical 🥂😘

Ben Tossell 的头像
Ben Tossell1 天前

@withgraphical wow my version of something like was so off compared to this. love it

joshpuckett 的头像
joshpuckett1 天前

@withgraphical just wait for v2 😉

pauline 的头像
pauline1 天前

@withgraphical delightful !! congratulations josh 🙌

joshpuckett 的头像
joshpuckett1 天前

@withgraphical thanks Pauline, let me know what you think!

William Bello 的头像
William Bello1 天前

@withgraphical Finally something of great value that is not a monthly subscriptions, u guys cooked

Aniket Pawar 的头像
Aniket Pawar1 天前

@withgraphical Woah, these would pair so well with mascot-centric products. I’m building one myself, and the cherry on top is that it’s all built on Base UI 😋

adam ho 的头像
adam ho1 天前

@withgraphical another certified classic

joshpuckett 的头像
joshpuckett1 天前

@withgraphical we having fun 🫡

Jorn van Dijk 的头像
Jorn van Dijk1 天前

@withgraphical That’s cool

Ridd 🤿 的头像
Ridd 🤿1 天前

@withgraphical There it is 👏 looks incredible great launch as always

joshpuckett 的头像
joshpuckett1 天前

@withgraphical appreciate you Ridd!

John Falcone 🗽 的头像
John Falcone 🗽1 天前

@withgraphical

DANN© 的头像
DANN©1 天前

@withgraphical Very cool can’t wait to try it 👏

joshpuckett 的头像
joshpuckett1 天前

@withgraphical let us know what you think, Dann!

Shane Levine 的头像
Shane Levine1 天前

@withgraphical This is sick

Tommy Geoco 🇺🇸 的头像
Tommy Geoco 🇺🇸1 天前

@withgraphical Bro you’re just at home cooking up insanely useful tools Another banger

joshpuckett 的头像
joshpuckett1 天前

@withgraphical my future wine bar will be called Bangers Only

Tommy Geoco 🇺🇸 的头像
Tommy Geoco 🇺🇸1 天前

@withgraphical I was always fond of the name Nothing But Bangers

Colm Tuite 的头像
Colm Tuite1 天前

@withgraphical Congrats! Looks super fun

joshpuckett 的头像
joshpuckett1 天前

@withgraphical thanks Colm! Building with @base_ui a dream!

Joey Banks 的头像
Joey Banks1 天前

@withgraphical This is *awesome*, Josh! Congrats to you two on the launch!

joshpuckett 的头像
joshpuckett1 天前

@withgraphical thank you Joey!

Timeless 的头像
Timeless1 天前

@withgraphical Congrats on the launch Josh! Feels great for our Timeless fonts to be included in Graphical. Thank you! 💎

SEESAW 的头像
SEESAW1 天前

@withgraphical elite

Hardik Kumar 的头像
Hardik Kumar1 天前

@withgraphical he can't keep getting away with this! JK congrats Josh.

f 的头像
f1 天前

@withgraphical very cool

joshpuckett 的头像
joshpuckett1 天前

@withgraphical 🙇

Jonny Miller 的头像
Jonny Miller1 天前

@withgraphical Good lord you are relentless. This looks incredible

joshpuckett 的头像
joshpuckett1 天前

@withgraphical all gas no brakes!

JaimeOrtega 的头像
JaimeOrtega1 天前

@withgraphical It's hard to realize that you can click on chatgpt thing at the hero and it changes for something else, and it actually made me think at first that this is a chatgpt only product. Having that change a bit automatically would prevent that I think.

joshpuckett 的头像
joshpuckett1 天前

@withgraphical it does actually, but great feedback that the cycling might be a little slow 🙏

JaimeOrtega 的头像
JaimeOrtega1 天前

@withgraphical Great. Yes I think that it just needs to trigger faster the first time, instead of waiting for a whole cycle, and that would make me say "ohh they to change ok". But yeah.

joshpuckett 的头像
joshpuckett1 天前

@withgraphical (pushed a fix for this btw, thank you again for feedback!)

Sean Cope 的头像
Sean Cope1 天前

@withgraphical Excited to try it! 😍

Cole 的头像
Cole1 天前

@withgraphical so good, josh!

joshpuckett 的头像
joshpuckett1 天前

@withgraphical thanks Cole!

Barış Girişmen 的头像
Barış Girişmen1 天前

@withgraphical Love the weather + city detail!

joshpuckett 的头像
joshpuckett1 天前

@withgraphical you found another of the several easter eggs :)

Mo 的头像
Mo1 天前

@notdetails @withgraphical Let him cook

Victa Wille 的头像
Victa Wille1 天前

@withgraphical This could significantly speed up the workflow for building a system's visual language. Great work!

Salman 的头像
Salman1 天前

@withgraphical Yoo, I actually needed this, thanks Josh!

joshpuckett 的头像
joshpuckett1 天前

@withgraphical 🙇 anyone building with LLMs who doesn't already have a solid foundation/system needs this!

Backseats 的头像
Backseats1 天前

@withgraphical This is insanely helpful

Andrea Cau 的头像
Andrea Cau1 天前

@withgraphical I've lost count of all the contributions you've given us. Thanks Josh!

相关视频

New Tools for a New Era. Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks. One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects. Here is one idea for how we might fix a small part of that. In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation. It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context. So you'd edit some values, save, refresh, and keep guessing and checking until it felt right. Today, you can write a quick, single-use tool that's a visual studio for designing animations. You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right. Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity. Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's. I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow. Feedback, ideas, and critiques welcome!

joshpuckett

82,659 次观看 • 9 个月前