Be nice. Or else.
Portland, OR Design @ Zapier Joined over 2 years ago
I've been working on learning SketchUp to design an addition to our shed. Something like this would be super nice, manually measuring and modeling was slow. Canvas seemed like another interesting option.
Oh, neat! What did you get working? You can email me at firstname.lastname@example.org if you want.
Heh a pure HTML renderer would be on a similar level of difficulty to writing your own renderer for a web browser. You'd have to handle all the quirks of the CSS and HTML specs. I don't have that kinda free time!
This probably won't be useful for you after reading your description, but going off of
Can I convert a website into a sketchapp file?
That's an interesting problem! react-sketchapp is probably the closest solution. In a nutshell, it reads React and renders it into Sketch as real layers (not images). You'd have to create your website in React Native though.
When you design in the browser, you're forced to consider things like layout immediately, from the blank page you started with until the last pixel. And there's all those browser/bugs quirks that you have to look up.
Then there's the question of whether you should create good HTML/CSS from the start. Should you stop and consider whether
<section> is appropriate here or just go with
<div> soup? What about when you need interactivity that CSS can't handle? Do you hack the JS or pull in a framework...
My point is that designing the browser introduces a whole new set of design decisions that have to be made, which slows you down and might not be an appropriate use of time, depending on where you are in the design process.
Design benefits from experimenting with variations. If you've ever had an idea that involved a dramatically different layout, but then shied away because "the code would be hard", it might be time to use a different tool that makes trying different layouts easy (Sketch, Photoshop, etc). Just my 2c
Cool! Might be worth correcting:
For the very first time, Sketch app users are able to apply Flexbox technology directly in Sketch.
We're looking for a Design Manager at Zapier.
Feel free to message me about working remotely or the company (weston.thayer at zapier dot com).
This is fantastic. I've been comparing brand.ai vs. Invision Craft's Library plugin. This definitely pushes brand.ai past Library for me.
Good to hear! What are some of the differences you're hoping to highlight?
Cool site! FYI there's also styleguides.io, which has 176 examples along with relevant articles, books, podcasts, etc. I've used it heavily in the past.
Be nice. Or else.
Designer News is a large, global community of people working or interested in design and technology.