---
# System prepended metadata

title: "\U0001F3A8 Design"
tags: [design]

---

---
title: 🎨 Design
tags: design
description: 🎨 Design
image: https://pbs.twimg.com/profile_banners/3540691454/1535710532/1500x500
---

<h1 style="text-align: center;">🎨 Design</h1>

# Images

A.k.a. [Raster graphics](https://en.wikipedia.org/wiki/Raster_graphics) *on Wikipedia*

## Gimp

#### About
- Site: [gimp.org](https://www.gimp.org)
- Platforms: Linux, Windows, and Mac
- Pricing: Free

#### Tools
- Change workspace size
    - Top menu bar > "Image" > "Crop to content"
- Resize interactively
    - *See [Resizing image interactively in gimp?](https://superuser.com/questions/452937/resizing-image-interactively-in-gimp) on superuser.com*
- Remove an image background
    - *See [Use This Gimp Tip to Remove Picture Backgrounds Quickly](https://www.youtube.com/watch?v=PWZOMFFW9_0) by usemybox on YouTube*
- Crop image to a specific size
    1. Upload image: "File" (Top menu navigation bar) > "Open"
    2. Crop: Select the "Rectangle Select Tool" (Top-left tool menu) > Adjust the "Size" fields > Cut and paste the selection into a new layer
- Change DPI
    - Dots per inch, used for physical prints
    - High resolution: 300 DPI
    - Resources
        - [How to Change DPI in GIMP](https://thegimptutorials.com/how-to-change-dpi/) *by GimpTutorials*
        - [Recommended Resolution for Printing](https://printninja.com/printing-resource-center/printninja-file-setup-checklist/offset-printing-guidelines/recommended-resolution) *by PrintNinja.com*
        - [How to Determine Image Resolution](https://www.techwalla.com/articles/how-to-determine-image-resolution) *by Techwalla*
- Change ruler units
    - *See [How to Change Ruler Units in GIMP](https://smallbusiness.chron.com/change-ruler-units-gimp-44724.html) by Chron*
- Un-pixelate
    - Tools
        - Despeckle
        - Gaussian Blur
        - Unsharp Mask
    - Resources
        - [“Smart” Sharpening](https://www.gimp.org/tutorials/Smart_Sharpening)
        - [How to De-Pixelate Photos in GIMP](https://yourbusiness.azcentral.com/depixelate-photos-gimp-8035.html) *by azcentral*
    - Sharpen/unsharpen should always be edited last
    - Opportunity: Smart sharpen/unsharpen

# Vectors

A.k.a [Vector graphics](https://en.wikipedia.org/wiki/Vector_graphics) *on Wikipedia*

## Penpot

#### About

- Site: [penpot.app](https://penpot.app)
- Creating design views
- Platforms: Web
- Tech: Open source and open standards
- Pricing: Free
- Built by Kaleidos: [kaleidos.net](https://kaleidos.net/)

#### Community and support

- Support: [help.penpot.app](https://help.penpot.app)
- YouTube: [youtube.com/c/Penpot](https://www.youtube.com/c/Penpot)
- X
    - [@penpotapp](https://twitter.com/penpotapp)
    - [@kaleidosnet](https://twitter.com/kaleidosnet)

#### Related items
 
 - Used by Mozilla, Fedora Project, Massachusetts Institute of Technology (MIT), Cisco, New York University, Fujitsu, etc.
- [Open Source Design Collaboration](https://softwareengineeringdaily.com/2023/01/02/open-source-design-collaboration/) *by Software Engineering Daily*

## tldraw

- Site: [tldraw.com](https://www.tldraw.com)
- About: Whiteboard with AI integrations
- Tech: Open source
- Community and support
    - X: [@tldraw](https://x.com/tldraw)
    - Discord: [discord.com/invite/s4FXZ6fppJ](https://discord.com/invite/s4FXZ6fppJ)
    - Documentation: [tldraw.dev](https://tldraw.dev)
    - GitHub: [github.com/tldraw](https://github.com/tldraw)
- Resources
    - [“Make It Real” AI prototype wows devs by turning drawings into working software](https://arstechnica.com/information-technology/2023/11/ai-powered-drawing-app-stuns-developers-by-turning-sketches-into-functional-games/) *by Ars Technica*
    - [TLDraw offers a collaborative whiteboard without any login](https://techcrunch.com/2022/12/16/tldraw-offers-a-collaborative-whiteboard-without-any-login/) *by TechCrunch*

## Inkscape

- Site: [inkscape.org](https://inkscape.org)
- X: [@inkscape](https://twitter.com/inkscape)
- About: Creating vector graphics for design views
- Platforms: Linux, Windows, and Mac
- Tech: Open source and open standards
- Pricing: Free
- Great for editing SVGs
- Videos
    - [How To Design & Prepare App Icons in Inkscape | Tutorial](https://www.youtube.com/watch?v=r2Kv61cd2P4&t=184s) *by Logos By Nick*
    - [Using Inkscape To Easily Create Svg Files](https://www.positivelysplendid.com/using-inkscape-to-easily-create-svg-files/) *by positivelysplendid.com*
    - [How To Make Inkscape Go Dark](https://logosbynick.com/how-to-make-inkscape-go-dark/) *by logosbynick.com*

## Figma

[Figma open info (OI)](https://docs.google.com/document/d/1-0KSRDfHjLvkzuYi-6Mb7aOPCl4V2ePGvjPA5Pj77Gs/edit#heading=h.b0ohp4ik4en0)

# Communities

- IDEO: [ideo.com](https://www.ideo.com)
- ADPList
    - Site: [adplist.org](https://adplist.org)
    - About: Find mentors
- Design Buddies: [designbuddies.community](https://www.designbuddies.community)
- User Experience Professionals Association (UXPA): [uxpa.org](https://uxpa.org)

# Resources

- [Comparison of vector graphics editors](https://en.wikipedia.org/wiki/Comparison_of_vector_graphics_editors) *on Wikipedia*
- Design courses open info (OI): hackmd.io/@openinfo/design-courses
- [Swiss design](http://www.designishistory.com/home/swiss/) *by Design is history*

<p style="text-align: center; font-style: italic">This is not technical advice. Do your own research and read the official documentation.</p>