Be nice. Or else.
Portland, OR Design @ Zapier Joined about 3 years ago
IMO, Framer made it wayyyy easier to prototype using code than starting from scratch with HTML/CSS/JS. Sure, it's easy to get a basic webpage up, but what happens when you want live reloading? Need to find and add tooling. What happens when you want to be able to drag things around the screen? Either find a library or understand the web's low-level interaction APIs.
Framer abstracted all of that into an IDE and API that was very easy to pick up and use compared to a "from scratch" approach.
I could see that working. I think PMs would miss a lot of the details, but the designer would catch them. The only downside is that it could be a lot of manual work, depending on how many pages you have to repeatedly do design QA on.
We've had really good luck with https://mural.co/
Great article! We use a similar process when building out new UI.
How do you deal with design bugs that happen as side-effects? For example, sometimes we'll QA and ship a new landing page. Months later, some other team is refactoring some CSS for a different feature and makes a change that causes a design bug in our landing page, as an unintentional side-effect. Our team is no longer working on the landing page, so we don't notice the design bug for some time, and the team that introduced the bug had no idea our landing page was even at risk of breaking from their changes.
Over time, these side-effect bugs really add up, but it's hard to catch them as they happen.
Wow that's great, thanks for the video. That is indeed exactly what I need
Thanks! And there's no equivalent of AutoLayout's stacks in Figma yet right? This spectrum thread seems to confirm.
Do you happen to know if Figma can automatically resize components to fit wrapped text? Here's an example of what I mean in Sketch:
Each list item is a symbol. The original (top) does not wrap. I have them stacked vertically with Anima's AutoLayout plugin, but when I override the text on one list item to be so long that it wraps, the symbol does not increase its height to accomidate the wrapping text. There's no command to do it either, I have to manually drag the height down and eyeball it.
I think it's more difficult in general when you are remote, but working with others who are not. I have found selling design to be much less of an issue in a 100% remote environment.
Been working remote for over a year, you are spot on! (especially about the plants, is working from home really the cause of my obsession?)
For Demo 7, where does Wikipedia use it?
Be nice. Or else.
Designer News is a large, global community of people working or interested in design and technology.