A handoff tool that tells you the difference between your code and designs. Built for Storybook + Figma. YC S18
Joined June 2020
- Tweets128
- Following35
- Followers176
- Likes57
Pinned Tweet
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 🔮
Contrast retweeted
🔍 Inspect Figma designs in Storybook. Checkout the new Contrast addon by @bmaho2211 @_jonok
ed.gr/c2fpe
Congrats @storybookjs 🎉🎉🎉
Psyched to be apart of it :)
Addon ecosystem 2.0 launched!
Addons supercharge your workflow. They can self-configure integrations and automate UI testing.
ed.gr/c5m3b
🧩 Browse 200+ addons in one place
🛠 Build your own in 2hrs
📕 In-depth tutorials
📐 Comprehensive docs
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 :)
We can also tell you the diff between your code and the Figma designs 😉
The Contrast addon for Storybook shows Figma and components side-by-side. Get style properties and spacing without leaving Storybook.
ed.gr/c2fpf
Contrast retweeted
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.
ed.gr/c2fpg
1/ Weekly Changelog: contrast.app/changelog
This week we released Diff— a @storybookjs Addon that tells you the difference between your code and @figmadesign designs.
It's freaking chefs kiss 😘 👩🍳
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...
7/ You can start using Contrast today—follow the instructions 👇
Takes ~5 minutes to get started - we clocked it 🕑
help.contrast.app/3f3e40d0d8…
Slightly biased here but couldn't agree with ya more 😉
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
🙌 @storybookjs just launched their new Addon Catalog 🙌
🤯 There are over 200+ Addons to help supercharge your UI-Universe 🤯
Learn more about it here 👇
storybook.js.org/blog/revamp…
What they said 😉👇🥳
Build your component in Storybook then connect it to the design in Figma. That keeps your Storybook in sync, automatically.
Check out the Contrast addon by @bmaho2211 @_jonok
ed.gr/c2fph
A little late on this but huge congrats to the @linear_app team 👏🍾
It's our favorite tool and was a breeze working with them to build out our integration 🙏
We're psyched to see where y'all take it :)
1/ Epic changelog this week:
Announcing our $13M Series A led by @Sequoia. The next generation of startups builds with Linear and this funding helps us get to the next level. We're also celebrating a new release with Roadmap & OAuth2. linear.app/release-2020-12
9/ Learn about the new workflow and how Contrast can get you building UI faster and more accurately → contrast.app/posts/how-to-co…
The Contrast Storybook Addon is merely an npm install away, instructions here: help.contrast.app/52b293cd09…