
UX Designer & Papá de @PixelAdv3ntures
Bogota
Joined June 2009
- Tweets10.5K
- Following1.3K
- Followers1.3K
- Likes7.6K
Diego Sánchez Puerta retweeted
🐾💚 Entre los escombros del sismo, Reina 🐶 protegía a sus 10 cachorros, nacidos el mismo día de la emergencia.
En zona rural de Pereira logramos este rescate y hoy están a salvo y bajo cuidado especializado.
Porque proteger a los animales también es proteger la vida.
Diego Sánchez Puerta retweeted
¿Has tenido problemas con vecinos por temas de animales? ¿Conoces tus derechos y deberes como tenedor de un 🐶 o 😽?
Conéctate a la charla “En conjunto por los animales”.
📅 JUEVES 20 DE AGOSTO
🕔 5 p.m. a 6:30 p.m.
🔴 teams.microsoft.com/meet/293…
¡Comparte esta invitación x WA!👍
Diego Sánchez Puerta retweeted
Go-to sites to learn UI design for free
Motion → 60fps.design
Patterns → catalogue.projectsbyif.com
AB Tests → abtest.design
Inspiration → designspells.com
Breakdowns → uxsnaps.com
UI components → uiplaybook.dev
Did I miss any? 🤔
Diego Sánchez Puerta retweeted
From the return of generalists to AI agents to iOS design missteps, 2025 had it all. Our top 10 most-read articles (plus 5 from 2024 you kept revisiting): bit.ly/4q7Yxaj
#UX #UXResearch
Diego Sánchez Puerta retweeted
🔠Did you know you can use rem in @framer to test your typographic scale?
Tweaking the root font size instantly reveals broken hierarchy (something pixel-perfect screens often hide)
1⃣ Set the base font size (typically 16px)
2⃣ Switch text elements from px to rem
3⃣ Change the base font size to see how your entire hierarchy behaves across the layout
Diego Sánchez Puerta retweeted
Excellent Cheatsheet to Unlock the Secrets of a High Converting Pricing Page 🙌
FREE Cheatsheet attached 🔖
#UX #UI #UXDesign #UIDesign #ProductDesign
Diego Sánchez Puerta retweeted
Choosing the right web design layout can transform user experience 🙌
FREE cheatsheet attached 🔖
Here are 12 classic styles every designer should know:
🟦 Two-column → balanced text + sidebar
🟨 Split screen → compare options
🟧 Asymmetrical → bold + modern
📖 F-shape → natural reading flow
⚡ Z-shape → landing pages & CTAs
🗂️ Card/Block → scan-friendly chunks
🎥 Featured media → visual storytelling
🧩 Masonry → galleries & feeds
📰 Magazine → content-heavy layouts
📌 Fixed nav → menu always visible
📂 Hidden nav → minimalist menus
🎛️ Interactive → sliders & carousels
Which layout do you use most? 👇
#UX #UI #UXDesign #UIDesign #ProductDesign
Diego Sánchez Puerta retweeted
Jony Ive is a design legend.
These are his rules for designing products that people love:
Diego Sánchez Puerta retweeted
UI/UX Designers, here are some go-to sites for best design systems for mobile
Bookmark it for later 💜 you I'll love it
Aviva → standards.aviva.com/mobile/
Pinterest → gestalt.pinterest.systems/io…
Line → designsystem.line.me/LDSG/co…
Diego Sánchez Puerta retweeted
Over 50 Excellent Figma Plugins to Boost Your Next Design Project! 🙌
- Clean Document
- Logo Creator
- Design Lint
- Lorem Ipsum
- Split Shape
- Background Remover
- Unsplash
- Viewports
- Find and Replace
- Iconify
- Content Reel
- 3D Mockup
- Lottie Files
- Material Symbols
- Design System Organizer
- Wireframe
- Figmotion
- Isometric
- Arc
- Better Font Picker
- Dopely Colors
- Mapsicle
- Anima
- Mockuuups Studio
- UIHUT
- Draw Connector
- TinyImage Compressor
- Pitchdeck Presentation Studio
- ProtoPie
- HtmlGenerator
- React Export
- Vue Export
- Svelte Export
- Tailwind Export
- CSS Styling Export
- FigJam AI
- EmojiOne
- FontAwesome
- Jam Icons
- Twitter Emoji
- Remove bg
- Illustration Libraries
- Artboard Studio
- Vision Simulator
- Color Mixer
- Table Generator
- Chart Generator
- Shadow Creator
- Live Text Input
- Google Maps Embed
- Drop-down Menu
- Entrance Animation
- Code Embed
- Responsive Design
- Breakpoints
- Constraints Support
#UX #UI #UXDesign #UIDesign #ProductDesign
Diego Sánchez Puerta retweeted
Excellent 10 Principles for Good Design, to Boost Your UX / UI Designs, by Dieter Rams! 🙌
FREE Cheatsheet attached 🔖
1. Good design is innovative
Possibilities for innovation are not, by any means, exhausted. Tech development is always offering new opportunities for innovative design. But innovative design always develops in tandem with innovative technology, & can never be an end in itself.
2. Good design makes a product useful
A product is bought to be used. It has to satisfy certain criteria, not only functional, but also psychological and aesthetic. Good design emphasises the usefulness of a product whilst disregarding anything that could possibly detract from it
3. Good design is aesthetic
The aesthetic quality of a product is integral to its usefulness because products we use every day affect our person and our well-being. But only well-executed objects can be beautiful.
4. Good design makes a product understandable
It clarifies the product’s structure. Better still, it can make the product talk. At best, it is self- explanatory.
5. Good design is unobtrusive
Products fulfilling a purpose are like tools. They are neither decorative objects nor works of art. Their design should therefore be both neutral and restrained, to leave room for the user’s self- expression.
6. Good design is honest
It does not make a product more innovative, powerful or valuable than it really is. It does not attempt to manipulate the consumer with promises that cannot be kept.
7. Good design is long-lasting
It avoids being fashionable and therefore never appears antiquated. Unlike fashionable design, it lasts many years – even in today’s throwaway society.
8. Good design is thorough down to the last detail
Nothing must be arbitrary or left to chance. Care and accuracy in the design process show respect towards the user.
9. Good design is environmentally-friendly
Design makes an important contribution to the preservation of the environment. It conserves resources and minimises physical and visual pollution throughout the lifecycle of the product.
10. Good design is as little design as possible
Less, but better – because it concentrates on the essential aspects, and the products are not burdened with non-essentials.
Back to purity, back to simplicity.
Follow @UXlinks to massively increase your UX / UI skills and knowledge 🙌
#ux #ui #uxdesign #uidesign #productdesign
Diego Sánchez Puerta retweeted
💎 Spacing Scale for Products With High Information Density
The scale starts with 2px and 4px to allow for finer-grained margins when necessary, and it jumps 16px between the two largest steps
Diego Sánchez Puerta retweeted
💎 Design System Contribution Process
Great overview of a contribution process that design teams can follow to achieve consistency and quality in their design system.
Diego Sánchez Puerta retweeted
Excellent 15 Principles of Good Design to Boost Your Next Design Project 🙌
Great design starts with solid principles – they’re the key to creating intuitive, user-friendly interfaces that just make sense.
15 Principles of Good Design:
- Discoverability
- Feedback
- Constraints
- Mapping
- Consistency
- Affordances
- Structure
- Simplicity
- Tolerance
- Equity
- Flexibility
- Perceptibility
- Ease
- Comfort
- Documentation
MT @101Babich 🙌
#ux #uxdesign #ui #uidesign #productdesign #design #prototyping #digital #business #figma #webdevelopment #webdesign #startup
Diego Sánchez Puerta retweeted
💡Design System Process
Excellent overview of the design system creation process by Mark Reynolds. The process covers 3 essential phases:
1️⃣ Audit & Research
2️⃣ Strategy & Planning
3️⃣ Execution
👇
Diego Sánchez Puerta retweeted
💡Semantic Colors in UI Design
You need only 5 types of colors for UI
1️⃣ Surface: color of a canvas
2️⃣ Surface-container: content container color
3️⃣ On-surface: text or icons that appear on top of a surface
4️⃣ Border: borders around containers or dividers
5️⃣ Accent: CTAs

























