Latest news about Bitcoin and all cryptocurrencies. Your daily crypto news habit.
As a designer who works largely in the browser (âcodeâ), Iâve long struggled with screenshots. Especially in application UIÂ work.
To archive an iteration or scrapbook an idea, screenshots are OK, but often I want to have just one thing. One DOM element. A Card UI or a toolbar. I often donât need the whole screen. And I donât want have to go through a bunch of rigmarole to show what I need to show in Slack for a 30 second conversation.
A simple tool to utilize browser-based design assets in my workflow.
Artifacts of prototyping are typically mundane with short lifespans. Additionally, the focus is often on a single component with several variants. Essentially, the steps of taking screenshots, cropping to get just the right bits, can be time consuming with multiple steps.
And the effort is enough that it steals focus from the design work at hand.
To evaluate all states of a UI component, the prep work shouldnât take longer than the design review itself. E.g. painlessly pull out 5 variants of a Card component for a short-lived exercise, outside of the rest of the application UI.
And when marketing needs a mockup of feature XYZ for a presentation, it shouldnât be a mega PITA or something that only requires meâŠ
Not having found a decent tool that scratches my itch, I built my own.
This is what I wanted to have. Maybe you want it Have <this/>Â to.
If youâve been looking for similar, I hope it helps. Let me know what you think and how it can be improved.
â
Built with React and copying Stackoverflow
https://github.com/jessekorzan/have-this
UI Design Tool: An instant PNG of any HTML element in the browser was originally published in Hacker Noon on Medium, where people are continuing the conversation by highlighting and responding to this story.
Disclaimer
The views and opinions expressed in this article are solely those of the authors and do not reflect the views of Bitcoin Insider. Every investment and trading move involves risk - this is especially true for cryptocurrencies given their volatility. We strongly advise our readers to conduct their own research when making a decision.