Hi there. I'm a product designer & product manager based in Barcelona.
For more than 10 years, I’ve been designing, prototyping and leading teams to create digital products that make life easier. I enjoy working with different teams, sharing ideas, and turning tricky problems into solutions that feel simple and helpful.
I’ve put together some tools I’ve found, plus a couple of apps I use every day. Feel free to give them a try and let me know if there’s anything you’d add.
Cheers!
| Name | Description | Category | URL |
|---|---|---|---|
| Excalidraw | Collaborative whiteboard perfect for sketching diagrams, wireframes, and ideas. | Design | app.excalidraw.com |
| Haikei | Generates unique SVG design assets like blobs, gradients and backgrounds. | Design | app.haikei.app |
| Space Type Generator | Animated kinetic typography generator for creative text experiments. | Typography | spacetypegenerator.com |
| Pattern Kid | Create colorful patterns and textures directly in the browser. | Pattern | patternkid.com |
| Endless Tools Cover Editor | Generates covers and visuals for projects with customizable templates. | Design | endlesstools.io |
| BGJar | Background generator with SVG patterns and gradients. | Pattern | bgjar.com |
| Antlii | Creative visual experiments and generative design tool. | Experimental | antlii.work |
| Doodad Pattern Generator | Generates repeatable SVG patterns with customization options. | Pattern | doodad.dev |
| Tooooools | Collection of design and creative coding utilities. | Resources | tooooools.app |
| Wiggly Paint | A playful paint tool with wobbly, animated strokes. | Experimental | itch.io/wigglypaint |
| React Bits | Practical design patterns and snippets for React developers. | Development | reactbits.dev |
| Coolshapes | Free abstract 3D and flat shapes for use in design projects. | Assets | coolshap.es |
| Noise & Gradient | Generator for noisy gradients and textured backgrounds. | Pattern | noiseandgradient.com |
| Anime.js | Lightweight JavaScript animation library for complex motion. | Development | animejs.com |
| Effect | Collection of interactive generative effects and visuals. | Experimental | effect.app |
| Visiwig Patterns | Free seamless vector pattern generator and library. | Pattern | visiwig.com |
| Repper | Pattern design tool that creates endless unique tiling patterns. | Pattern | repper.app |
| Uiverse | Open-source UI elements built with HTML & CSS, ready to copy. | UI | uiverse.io |
| MagicPattern Mesh | Create colorful mesh gradient backgrounds online. | Design | magicpattern.design |
| SVG Design Code | Interactive SVG tutorials and generators for designers. | Development | svg.designcode.io |
| FFFuel Grain | SVG-based grainy texture generator for backgrounds. | Pattern | fffuel.co |
| Softr SVG Shape Generator | Generates abstract SVG shapes for design projects. | Design | softr.io |
| Halftone Generator | Create halftone-style textures directly in the browser. | Pattern | halftone.xoihazard.com |
| Unblast Mockups | Free high-quality mockups for mobile and tablet devices. | Mockups | unblast.com |
| Mr. Mockup | Free realistic mockup of iPhone 16 Pro in hand. | Mockups | mrmockup.com |
| Creatoom | Isometric clear-scene mockups with iPhone and devices. | Mockups | creatoom.com |
| Mockuuups Studio | Free mockup generator with multiple device scenes. | Mockups | mockuuups.studio |
| Mockups Design | Free PSD and Figma mockups for branding projects. | Mockups | mockups-design.com |
| BrandColors | Official color codes of popular brands. | Resources | brandcolors.net |
| Photo Gradient | Applies gradient overlays to photos online. | Design | photogradient.com |
| XCicero | Experimental generative design and visual projects. | Experimental | xcicero.esad-gv.net |
| ABTest Design | Tool to compare design variations side by side. | Design | abtest.design |
| PostHog | Open-source product analytics and A/B testing. | Analytics | posthog.com |
| Chamjo Design | Collection of modern, minimal UI design inspiration. | UI | chamjo.design |
| Minimal Gallery | Curated gallery of minimal web design projects. | Inspiration | minimal.gallery |
| Logo System Animated | Animated logo system references and resources. | Branding | logosystem.co |
| Origin UI | Collection of UI components and design examples. | UI | originui.com |
| Spotted in Production | Real-world UI patterns found in live products. | UI | spottedinprod.com |
| Macaulay Library | Extensive media archive of birds, mammals and nature sounds. | Resources | macaulaylibrary.org |