Live data from Hacker News

Painting with Code: Introducing our new open source library React Sketch.app

airbnb.design

81–90 of 100 posts

Re: Painting with Code: Introducing our new open source library React Sketch.app

#81
post #38
post #32

Earlier quoted context omitted.

Any kind of one-time pricing would be great. Ideally, with a perpetual license with 1-year of free upgrades.

That seems definitely possible. I think what the team was worried about is sticker shock -- $19/month might translate to something in the region of $200-250 for the scheme you propose. Does that sound bearable?

Thanks!

Re: Painting with Code: Introducing our new open source library React Sketch.app

#82
post #2

Hi HN! Super excited to open source this — I'm trying my best to bring design & engineering closer together at Airbnb (and in the world), this has been a super useful project. I'll be hanging out in this thread all day if you have any questions / want to flame me :)

Hi Jon. Any plans to extract interactions as code from modern prototyping tools (e.g. Principle) to Xcode?

AirBnB recently released Lottie that requires After Effects but when compared to Principle, AE feels like Photoshop compared to Sketch. I have a feeling that not many UX designers on Mac want to go back to Adobe tools. Certainly, I don't want to touch Adobe tools again.

Re: Painting with Code: Introducing our new open source library React Sketch.app

#84
post #67

The website slows down my chrome browser to the point where it lags and I have to backout.

Noticed the heavy CPU usage as well. The laptop still performed admirably but estimated remaining battery time fell below 2H on a full charge so I smelled something amiss. Turned out the videos on this page continue playing even when the tab is open in the background (not active tab, nor active window). Seems like a complete waste of cycles. (Opera Beta)

Re: Painting with Code: Introducing our new open source library React Sketch.app

#85
post #38
post #32

Earlier quoted context omitted.

Any kind of one-time pricing would be great. Ideally, with a perpetual license with 1-year of free upgrades.

That seems definitely possible. I think what the team was worried about is sticker shock -- $19/month might translate to something in the region of $200-250 for the scheme you propose. Does that sound bearable?

yes!

Re: Painting with Code: Introducing our new open source library React Sketch.app

#86
post #4
post #3

Earlier quoted context omitted.

Can you explain a scenario where you would use the resulting Sketch file? I still don't quite get it (probably as not familiar with React)

The initial usecase we built it for was generating templates for our design system (color palettes, components etc). At our size, keeping them in sync with the production state-of-the-world was super difficult. So we scripted it, using our production components. It also led to some exciting new uses: - component pickers / editors for Sketch that are backed by real components rather than Sketch symbols (build your own…

[deleted]

Re: Painting with Code: Introducing our new open source library React Sketch.app

#88
post #51

This will come really handy, thank you. I'm trying to build a better infrastructure at work; do you have anything written up about how you work at Airbnb? Your "bring design & engineering closer together" mission sounds like what I'm trying to accomplish, would like to read/chat more about it.

I asked something similar when AirBnb announced Lottie, and the team (Jon Gold included) replied with great insights. I hope you find this helpful: https://news.ycombinator.com/item?id=13547053

Nice, thank you a lot!

Re: Painting with Code: Introducing our new open source library React Sketch.app

#89
post #4
post #3

Earlier quoted context omitted.

Can you explain a scenario where you would use the resulting Sketch file? I still don't quite get it (probably as not familiar with React)

The initial usecase we built it for was generating templates for our design system (color palettes, components etc). At our size, keeping them in sync with the production state-of-the-world was super difficult. So we scripted it, using our production components. It also led to some exciting new uses: - component pickers / editors for Sketch that are backed by real components rather than Sketch symbols (build your own…

> automatic accessibility checking

Can you elaborate on the automatic accessibility checking? Are you testing the sketch file or the react-primitive code for accessibility tags?

Re: Painting with Code: Introducing our new open source library React Sketch.app

#90
post #60
post #20

Earlier quoted context omitted.

no.

i'm hopelessly lost

Snack - Description: Web-based react-native playground. Snack was previously called Sketch which led to much confusion. - Built by: Expo

Sketch.app - Description: Most popular native mac app for designing UIs - Built by: Bohemian Coding

react-sketchapp - Description: Convert a UI written in react-primitives to sketch. react-primitives is a subset of react-native. - Built by: Airbnb

I want to say Snack has nothing to do with react-sketchapp, but unfortunately they do share a couple of things. The developer/user of both tools will write code that is largely compatible with each other, basically a shared subset of react-native. Then, there's the whole confusion with the name Sketch. Snack used to be called Sketch. react-sketchapp uses "Sketch.app" as a rendering engine and editing interface. "Sketch.app" is basically the next program in the workflow for the user of react-sketchapp.

Post reply on HN