Design systems vs. style guides and pattern libraries: a beginners guide

If you've been around design teams much, you've probably heard the phrases "design system," "style guide," and "pattern library." While all are beneficial for the busy creative team, they may not offer as much overlap as you may think.Knowing whether to use each one depends a lot on your project…

Continue ReadingDesign systems vs. style guides and pattern libraries: a beginners guide

How Open Source can champion Inclusion & Diversity in Design

In the Tech Community, conversations about the access of all kinds of profiles to the technology industry are common. It is usual to find debates about training, tools, collaboration with Open Source projects. There are also a lot of initiatives geared towards diversity, accessibility and inclusion.In Design, the conversations often…

Continue ReadingHow Open Source can champion Inclusion & Diversity in Design

Tutorial: Creating interactive prototypes with Penpot

Clicking through an interactive flow is valuable when demonstrating user journeys to stakeholders, handing off designs to developers, or even doing early-stage user testing.In this tutorial, I’ll introduce you to some of the most common interactions you’ll prototype using Penpot. Penpot is brilliant for prototyping because you can work with…

Continue ReadingTutorial: Creating interactive prototypes with Penpot

Tutorial: Creating wireframes with Penpot

Wireframes are low-fidelity skeleton designs focusing on content, interface elements, navigation, and layout. They’re usually grayscale line drawings with no imagery, color, or attractive typography. You might be tempted to draw wireframes by hand, but using a design tool like Penpot can speed up the process, allowing you to speedily reposition…

Continue ReadingTutorial: Creating wireframes with Penpot

9 ways design systems improve developer efficiency

The color of that button on your home page may have infinite color possibilities, but changing between those possibilities still uses real-life developer resources. To avoid creating additional effort for the developer team, designers can use a design system — or an agreed-upon collection of design and code decisions. This framework…

Continue Reading9 ways design systems improve developer efficiency

Three top tips for designing interactive prototypes with Penpot

Interactive prototypes are a great way to share how you want your design to behave when they’re live. You can easily mimic navigation and overlay behaviors, and even model state changes. Check out our tutorial featuring these examples. Then, use the following tips to level up your Penpot skills.1: Use…

Continue ReadingThree top tips for designing interactive prototypes with Penpot

7 crucial design system elements for teams and how to create them

Design systems offer numerous benefits for organizations, such as helping teams collaborate, reducing build time, and ensuring consistency. When used to create new products, design systems help even new team members get up to speed quickly. However, design systems are only as good as their parts. While companies differ on what…

Continue Reading7 crucial design system elements for teams and how to create them

Design systems with Penpot

Design systems are collections of design patterns, code snippets, and guiding documentation. Teams can use these systems across projects to create more consistent user experiences and efficient design and development processes. Design systems are a great collaborative tool and save teams from reinventing the wheel on each new project when it…

Continue ReadingDesign systems with Penpot

Automate sending new AITable.ai records as Slack messages in simple steps

For teams and individuals who simultaneously utilize AITable.ai for work management and Slack for communication, bridging the gap between the two platforms to achieve message synchronization is a method that can significantly enhance team efficiency. Take, for instance, businesses utilizing AITable.ai to build a Customer Relationship Management (CRM) system to…

Continue ReadingAutomate sending new AITable.ai records as Slack messages in simple steps

3 Ways to Automatically Sync From AITable.ai to Google Sheets

For teams and individuals who juggle data and project management across AITable.ai and Google Sheets, achieving seamless data sync can seem like a daunting task. But with the advent of automation, this challenge transforms into an opportunity. AITable.ai enables you to leverage connectors and automate data syncing between platforms in…

Continue Reading3 Ways to Automatically Sync From AITable.ai to Google Sheets