EDIT: I should add I think the new site is awesome, Inter is looking great, and it doesn't feel like "just-another-corporate-blog". Back to my original comment:
I wonder if there will be any articles not catered to massive design teams and companies with too many resources that they don't know what to do with.
I'm usually the only designer at any startup I work at. If I'm lucky I'll get a visual designer to work on marketing stuff. Yet because of all this writing about design systems it builds an expectation that every company should have a system of the same level of quality and capability.
I went to a Design Systems meetup which was fun, but there were people talking about how hard it was to make a design system with "only" 5 designers on their team. Do you know what I could do with 5 designers at my disposal!?
Sometimes I feel like 90% of this would become irrelevant if just designers AND developers took the time to properly learn CSS, the language we actually share between the disciplines.
Hey Mattan - couldn't agree more, and thats definitely coming. In fact - Im writing an article on building design systems for one that should be live on DesignSystems.com in the coming weeks.
Most of what I ship outside of Figma are smaller projects where I build scrappy design systems, usually combined with netlify + gulp, to get high quality work out the door fast.
Great to hear, I want to see more writing catered to overworked and stressed individual designers, which is the typical situation for startups <30 people.
I also want to see more tooling for documenting components between HTML, CSS, React Components, and Figma (or other design tools) components. The new ZeroHeight Figma integration is great, but something about it still feels very manual and I think this is inherently due to Figma being build in a different medium than the web.
I mean there is literally no way I can cleanly connect CSS
:hoverstyles to a component instance with hover styling in Figma (ugh give us actual component states with built-in interactions like touch and hover PLEASE). I really like Figma, particularly after using Sketch for a couple years, but I have a strong feeling I will be dropping it for something like Modulz or Hadron in the near future. It just doesn't fit into the web design workflow as well as I would like it to, it's made for people who don't know HTML and CSS.
Because of this exact problem, I ended up adopting UXPin as a way to document design, code, and interactions in the same place.
I haven't found the perfect workflow yet but what I know is this IS possible: Build an interactive component with hover, active, pressed states. Document the code in the specification list that is also tied to that component.
Let me know if you'd like to share ideas, because I feel like I could learn a lot from someone else.
That's GREAT to hear. I went hunting recently for a design system tutorial for Figma. I'd hoped that going step-by-step through building one would teach me how to both design one and how to use Figma better.
I found a couple design systems tutorials online, and one was fairly good, but it stopped at part 3 of 7. I ended up on DesignSystems.com several times hoping I'd missed a section that could help, but there wasn't much there. Glad to hear it's getting some love!
I agree. I think theres a lot of solo designers out there that are not being thought about. At the end of the day, I just need something hacky. This is currently my kit I use to start every project. https://www.figma.com/file/WG8ju5ZgiUdaO1SQThMF6O/UI-STARTER-KIT?node-id=0%3A1
Thanks for sharing this! I'd been on the hunt for a starter kit and found many of them had far too much going on.
Did you happen to see this? https://www.designsystems.com/how-a-small-team-built-figma-dot-coms-design-system/
I did, but 3 people completely assigned to a design system for a relatively simply marketing site is way more resources than I have ever had. Design systems for web applications are significantly more complex, more difficult to maintain, and need to work for numerous developers who you can't all train to perfection. Additionally most designers and developers don't want to learn high quality HTML and CSS so you don't even have a shared language to use to onboard future designers or developers.
There is little tooling to do system consistency checks within a tool like Figma, and none of it is translatable to any tools for doing automatic PR reviews of code, so I am also the person who has to review every PR that touches HTML/CSS.
The whole conversation around Design Systems seems so disconnected from the people who need them most and have the least resources to implement them. Similarly to how Invision as a company simply does not speak to me as a designer anymore. It's all become super corporate.
Design systems are most important at scale, and particularly for teams who need to collaborate.
If you're a one man band, you can use Figma for free. It makes sense for them to cater to their paying customers, being that they're a business with bills to pay and goals to achieve.
So getting back to the actual topic at hand; this is a completely on-brand marketing platform, extremely well designed & crafted, and contains some really interesting and thoughtful articles.
Plus Inter really shines here. That's what you get with @rsms on your team!
Yes, I should have added that I think the actual new site is fantastic, as is a lot of the content. It's a bit frustrating when I don't feel the same way about the new Figma UI haha.
Speaking of marketing to paying customers, Invision took the same route and now they are increasingly seen as an annoyance in your Inbox and are beginning to fall behind in terms of their actual products. Sometimes we sacrifice too much at the alter of marketing "efficiency".
I am 100% with everything you are speaking of. For the past 9 years, I've been the lead or solo designer in every position with no more than 2 others under me. We have the same work issues in the context you speak of.
Great to see that I am not the only one working outside the bubble. Imagine also having to fight for responsibilities in that context, when marketing also wants to design all the print material without even consulting their in house designer.