Contrast (@contrast_app) header
Contrast (@contrast_app) profile picture

Contrast

@contrast_app

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

mismatch.app/
Joined June 2020
  • Tweets128
  • Following35
  • Followers176
47Media
Photo by Contrast (@contrast_app)Photo by Contrast (@contrast_app)Photo by Contrast (@contrast_app)Photo by Contrast (@contrast_app)Photo by Contrast (@contrast_app)Photo by Contrast (@contrast_app)Photo by Contrast (@contrast_app)Photo by Contrast (@contrast_app)Photo by Contrast (@contrast_app)Photo by 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 🔮
1
14
5
77
Congrats @storybookjs 🎉🎉🎉 Psyched to be apart of it :)
Storybook (@storybookjs) profile pictureStorybook@storybookjs19 Jan 2021
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
Image from Storybook (@storybookjs)
1
1
4
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 :)
2
We can also tell you the diff between your code and the Figma designs 😉
Storybook (@storybookjs) profile pictureStorybook@storybookjs8 Jan 2021
The Contrast addon for Storybook shows Figma and components side-by-side. Get style properties and spacing without leaving Storybook. ed.gr/c2fpf
Image from Storybook (@storybookjs)
6
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 😘 👩‍🍳
Image from Contrast (@contrast_app)
2
2
32
2/ So how does it work... Open Contrast in Storybook or in a separate window 🪟
Image from Contrast (@contrast_app)
1
Slightly biased here but couldn't agree with ya more 😉
Varun Vachhar (@winkerVSbecks) profile pictureVarun Vachhar@winkerVSbecks18 Dec 2020
Replying to @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
3
🙌 @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…
3
🔥🔥💕💕🔥🔥
Pablo Stanley (@pablostanley) profile picturePablo Stanley
@pablostanley15 Dec 2020
Love Triangle 💗
What they said 😉👇🥳
Storybook (@storybookjs) profile pictureStorybook@storybookjs12 Dec 2020
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
2
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 :)
Linear (@linear) profile pictureLinear
@linear8 Dec 2020
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
Linear Release 2020.12

Linear Release 2020.12

Linear helps high-performing teams execute faster and build products now with roadmap, customizable views, list controls, sorting options and an enhanced sub-issue editor.

linear.app
5
How should an early-stage entrepreneur think about design during? 🤔 @theStacklist has invited our own @bmaho2211 to share his thoughts on prioritizing design and some tips on how to get started 🌴 Join us tomorrow 👇 crowdcast.io/e/product-desig…
6
1/ Weekly Changelog: contrast.app/changelog Do the tokens in your codebase match what's in Figma? Well if not, we've got you covered 😉 You can now add your tokens and view them while inspecting designs. Yes, even spacing :)
Image from Contrast (@contrast_app)
1
1
2/ We're psyched to share this with y'all. We know this will save you oodles and 🐩 amounts of time. Since using, our devs haven't opened our "tokens-file" to double-check values since 😻
1
😎😎😎
Storybook (@storybookjs) profile pictureStorybook@storybookjs23 Nov 2020
Storybook 6.1 is here! Faster performance in a smaller bundle size 🔍 Faster & more feature rich component finder ⚡️ Quick start with smaller bundles sizes ⚛️ React 17 compatibility with fast refresh storybook.js.org/blog/storyb…
1/ Weekly Changelog: contrast.app/changelog Sorry for going a little dark there but we've been cranking away on something huge... Storybook + Contrast 📔📕📖📗📙📚📘 < thread >
Image from Contrast (@contrast_app)
1
1
2
2/ We've got a deep ❤️ @figmadesign + @storybookjs combo. Goes together like PB + J 🥜🥪🍇 But over the years, we've seen the problems that come along with our code & designs being disconnected...
1
Weekly Changelog: contrast.app/changelog 1/ You can now see a history of your syncs from @figmadesign to Contrast. 🔖 Scholarly 🔖
Image from Contrast (@contrast_app)
1
4
2/ We fixed 🐞's and made some 🛠️'s And we've got some freakin wild stuff in the works so keep an 👀 Lil hint: 💘📓💘
2
Weekly Changelog: contrast.app/changelog 1/ So pumped to launch our upgraded @linear_app integration today 🍾 Easily link designs in Contrast to your Linear issues. It's fast, organized, and amazing 👉
1
4
7
2/ There's a new view in Contrast: ▪️Grid▪️ If you don't want to pan around the canvas, view frames in an organized grid. Click the thumbnail to view them one-by-one. 🔥
1
9:00AM would hit. I'd sit in my ergonomic chair with my ergonomic keyboard and my ergonomic mouse. All my gadgets perfectly positioned for another cluster-f**k of a morning. Zoom would boot up for our daily standup... <thread 🧵>
2
1
5
1/ 2019 B.L. Before Linear Before @linear_app, the process at our startup was Nickelodeon Slime. Green, murky, deff poisonous. We used Notion at the time.
Image from Contrast (@contrast_app)
1
Weekly Changelog: contrast.app/changelog 1/ We updated to @roomservicedev v.2 to improve the performance and UX of our real-time cursors and observing 🙏🤘
Image from Contrast (@contrast_app)
1
1
1
10
2/ More bug improvements and fixes 🛠️🐞 🌟 This week's changelog is a tad lighter b/c we're working on some larger - but very exciting updates coming soon 🌟
2
Ever look at your color palette and cry? They look so pretty in your UI kit but when you go to add the placeholder text  -  it takes 10 minutes to find the right hue. It's like 50 shades of grey sans BDSM. This was my life until I came across Carbon by @ibmdesign… <thread>
Image from Contrast (@contrast_app)
1
1
3
1/ Because colors touch everything, they cause problems like wasted time and inconsistencies. To solve this, IBM created Carbon Themes. Themes is filled with amazing ideas, but I think the most innovative is how they name their colors. Simple but ground-breaking.
1
🌭 needed this 🌭 👇 awesome new Figma kanban from @killnicole 👇
Image from Contrast (@contrast_app)
You’re unable to view this Post because this account owner limits who can view their Posts. Learn more
1
3
Load more