Chapter 6
Tools and Resources
On this page
Introduction to Open Source Design Tools
When starting your journey in open source design, you'll find there's a wide variety of tools available to help you create and collaborate. While many designers are familiar with commercial tools like Adobe Creative Suite and Sketch, the open source community also offers powerful alternatives that align with its values.
A great benefit of using open-source tools is that they are designed for an accessible and community-led style of collaboration. Other contributors are not locked out because they can't afford your favorite commercial tool, or a proprietary file type is used. In addition, you can help improve the open-source tools you adopt by giving valuable feedback.
It's important to note that you can absolutely use commercial tools for open source contributions. The key is choosing tools that work well for you and your project's needs. What matters most is your ability to collaborate effectively and create designs that benefit the project.
Essential Design Tools
Interface Design
Penpot is a powerful open source design and prototyping platform that's gaining rapid adoption, especially in the open source community. It's designed to bridge the gap between designers and developers.
- Browser-based design and prototyping tool
- Real-time collaboration features
- Browser-based with self-hosting option
- Growing community and feature set
- Self-hosting option
Figma is a widely-used commercial alternative that offers powerful features for UI design, prototyping, and team collaboration. As a browser-based tool with a desktop app option, it makes it easy to create, share, and iterate on designs with teams of any size. While not open source, its free tier is generous enough for many open source projects.
- Real-time collaboration features
- Extensive component libraries
- Great for UI design and prototyping
- Built-in developer handoff features
- Also includes FigJam for collaborative brainstorming
Vector Design
Inkscape is a powerful tool for creating and editing vector graphics. Vector graphics are images that can be scaled to any size without losing quality - perfect for logos, icons, and illustrations.
Key features:
- Create scalable graphics for any screen size
- Support for SVG (Scalable Vector Graphics, an open standard for vector graphics)
- Extensive set of shape and path tools
- Python scripting support for automating repetitive tasks
- Active community with lots of tutorials and resources
Image Editing
GIMP is a versatile tool for working with images. Whether you're creating web graphics, editing photos, or designing user interface elements, GIMP provides the features you need.
Key features:
- Comprehensive image editing capabilities
- Support for layers and masks
- Wide range of filters and effects
- Plugin system for extending functionality
- Cross-platform compatibility
Krita is another powerful open source tool, particularly beloved by digital artists and illustrators. While GIMP excels at photo editing and general image manipulation, Krita shines in digital painting and illustration.
Key features:
- Extensive brush engine with customizable brushes
- Support for drawing tablets with pressure sensitivity
- Animation tools
- Built-in vector tools
- Resource management for brushes, patterns, and gradients
3D Design
Blender is a comprehensive 3D creation suite that's particularly useful if your project needs 3D graphics, animations, or visualizations. While not every project requires 3D elements, Blender can be invaluable for:
- Creating 3D icons or illustrations
- Developing game assets
- Making product visualizations
- Creating animations for tutorials or presentations
- Rendering realistic mockups
UX Research Tools
User research is crucial for creating effective designs. Here are some helpful tools for gathering and analyzing user feedback:
- Miro: Collaborative whiteboarding for user journey mapping and workshop activities
- LimeSurvey: Create detailed surveys and questionnaires
- Google Forms: Quick and easy survey creation
- Notion: Organize research findings and collaborate with team members
- Nextcloud: Self-hosted solution for storing and sharing research data
Design Systems and Libraries
Design System Tools
Design systems help maintain consistency across a project. Here are tools that can help you create and manage design systems:
- Zeroheight: Create living documentation for your design system
- Storybook: Document and test UI components
- Pattern Lab: Build atomic design systems
Pattern Libraries
Pattern libraries are collections of reusable design components. Some popular open source pattern libraries include:
Illustrations and Icons
Ready-to-use visual elements that can enhance your project's design:
Accessibility Tools
Accessibility isn't just a feature - it's a fundamental aspect of good design that should be considered from the start of any project. This is especially important in open source, where our work should be usable by everyone, regardless of their abilities.
Helpful accessibility tools include:
- WAVE: Evaluate web content for accessibility issues
- Contrast Checker: Ensure your color choices meet accessibility standards
- Axe: Automated accessibility testing
- The A11Y Project: Resources and tutorials for learning about accessibility
Remember that accessibility is especially crucial in open source projects, as it aligns with the core values of inclusivity and collaboration. Even developer tools and terminal-based applications should be designed with accessibility in mind.
Project Management and Communication
- Miro: Digital whiteboard for visual collaboration
- Jira: Project tracking and management
- Discord: Real-time chat and community building
- Matrix: Decentralized communication platform
- CryptPad: Privacy-focused collaboration platform
- Excalidraw: A whiteboard collaboration tools for note-taking, planning etc
- Taiga: Kanban-style to-do lists and boards for project management
Conclusion
The tools you choose should support your workflow and help you collaborate effectively with others. Don't feel limited to using only open source tools - use what works best for you and your project. The most important thing is your ability to contribute meaningful designs that improve the user experience of open source software.
Remember that tools are just that - tools. They're meant to help you bring your ideas to life and collaborate with others. Focus on learning the tools that will help you achieve your goals and contribute effectively to the projects you care about.
As you become more involved in open source design, you'll discover which tools work best for your workflow. Don't be afraid to experiment with different options and ask other designers in the community about their experiences and recommendations.