Contrast

A handoff tool that tells you the difference between your code and designs. Built for Storybook + Figma. YC S18

[Contrast @contrast_app]

1/ @storybookjs is the best way to build UI — and we just made it better...

Our new Addon automatically tells you the difference between your code and @figmadesign designs.

It's like a spell-checker for UI devs and it's kinda magic 🔮

[Storybook @storybookjs]

🔍 Inspect Figma designs in Storybook. Checkout the new Contrast addon by @bmaho2211 @_jonok

https://t.co/6dTz2ZyaDb

[Contrast @contrast_app]

Congrats @storybookjs 🎉🎉🎉

Psyched to be apart of it :)

[Storybook @storybookjs]

Addon ecosystem 2.0 launched!

Addons supercharge your workflow. They can self-configure integrations and automate UI testing.

https://t.co/Ylbl5F0iqc

🧩 Browse 200+ addons in one place
🛠 Build your own in 2hrs
📕 In-depth tutorials
📐 Comprehensive docs

[Contrast @contrast_app]

Y'all know any full-stack engineers that use @figmadesign?

Doing research for a project and I'm looking to learn more about their workflow 🔖

P.S. Will be no more than a 15min chat or can ask questions via DM :)

[Contrast @contrast_app]

We can also tell you the diff between your code and the Figma designs 😉

[Storybook @storybookjs]

The Contrast addon for Storybook shows Figma and components side-by-side. Get style properties and spacing without leaving Storybook.

https://t.co/YRIRVss709

[Storybook @storybookjs]

Storybook and Figma are better together. The Contrast addon makes it dead simple to inspect designs from Figma inside of Storybook. It's a fast and easy workflow for UI devs.

https://t.co/PxMAAISoI1

[Contrast @contrast_app]

@storybookjs 🥳🥳🥳

[Contrast @contrast_app]

@denniscohn @storybookjs @figmadesign Yes it is. Check out this 👉 https://t.co/DsU6zwWFOf or that 👉 https://t.co/8I9UgCkmfQ

[Contrast @contrast_app]

1/ Weekly Changelog: https://t.co/f1wTjPKNwT

This week we released Diff— a @storybookjs Addon that tells you the difference between your code and @figmadesign designs.

It's freaking chefs kiss 😘 👩‍🍳

[Contrast @contrast_app]

7/ You can start using Contrast today—follow the instructions 👇

Takes ~5 minutes to get started - we clocked it 🕑

https://t.co/3t8cvvH3uX

[Contrast @contrast_app]

6/ As UI devs ourselves, we've seen just how frustrating it can be to accurately recreate a design into code.

And that's why we built this - to help you build pixel-perfect UI blazingly fast 💅⚡️

And this is just the beginning...

[Contrast @contrast_app]

Slightly biased here but couldn't agree with ya more 😉

[Varun Vachhar @winkerVSbecks]

IMO it's going to be really hard for one tool to be the design system tool for designers, devs, copy writers, etc. Platforms that interoperate with existing tools offer a lot more value. That's why I love what @contrast_app is doing. Connect to stuff that folks love using already

[Contrast @contrast_app]

🙌 @storybookjs just launched their new Addon Catalog 🙌

🤯 There are over 200+ Addons to help supercharge your UI-Universe 🤯

Learn more about it here 👇

https://t.co/lsHUDJG5zW

[Contrast @contrast_app]

@frassinier Hey!! DM-ing you now, we'll get it sorted out ASAP :)

[Contrast @contrast_app]

🔥🔥💕💕🔥🔥

[Pablo Stanley @pablostanley]

Love Triangle 💗

[Contrast @contrast_app]

@douglaseggleton 👋👋

[Contrast @contrast_app]

@trewaters 😇😇😇