#uiDesign

Inautiloinautilo
2025-06-06


Unfinished Business ยท A podcast about business, clients, design, and development ilo.im/164cvf

_____

2025-06-06

๐ŸŽจ ยฟY si pudieras crear tus propios presets de color
y usarlos directamente en tu cรณdigo?

Con Palette Box puedes extraer colores desde cualquier web,
guardarlos como presets, ver sus cรณdigos HEX y exportarlos como JSON.

Los colores que eliges se convierten en activos reutilizables
para tu diseรฑo o frontend.

Fรกcil, rรกpido y perfecto para devs.

๐Ÿ’ฐ $2 al mes
๐Ÿ”— chromewebstore.google.com/deta

2025-06-06

๐ŸŽจ ๅฅฝใใช่‰ฒใ‚’ใƒ—ใƒชใ‚ปใƒƒใƒˆใซใ—ใฆใ€
ใใฎใพใพ้–‹็™บใงไฝฟใˆใŸใ‚‰ไพฟๅˆฉใ ใจๆ€ใ„ใพใ›ใ‚“ใ‹๏ผŸ

Palette BoxใฏWebใƒšใƒผใ‚ธใ‹ใ‚‰่‰ฒใ‚’ๆŠฝๅ‡บใ—ใ€
ใƒ—ใƒชใ‚ปใƒƒใƒˆไฟๅญ˜ใ€HEX็ขบ่ชใ€JSONๅ‡บๅŠ›ใŒใงใใ‚‹Chromeๆ‹กๅผตใงใ™ใ€‚

่‡ชๅˆ†ใง้ธใ‚“ใ ้…่‰ฒใ‚’ใใฎใพใพใƒ‡ใ‚ถใ‚คใƒณใ‚„ใ‚ณใƒผใƒ‰ใซๅๆ˜ ใงใใ€
่‰ฒใฎๅ†ๅˆฉ็”จใŒใจใฆใ‚‚็ฐกๅ˜ใซใชใ‚Šใพใ™ใ€‚

๐Ÿ’ฐ ๆœˆ้ก2ใƒ‰ใƒซ
๐Ÿ”— chromewebstore.google.com/deta

2025-06-06

๐ŸŽจ What if you could create your own color presets
and use them directly in your code?

Palette Box lets you extract colors from any website,
save them as presets, view HEX values, and export to JSON.

The colors you choose are now reusable assetsโ€”
perfect for design systems or frontend components.

Fast, accurate, and developer-friendly.

๐Ÿ’ฐ $2/month
๐Ÿ”— chromewebstore.google.com/deta

2025-06-06

๐ŸŽจ ์›ํ•˜๋Š” ์ƒ‰์ƒ์„ ํ”„๋ฆฌ์…‹์œผ๋กœ ๋งŒ๋“ค๊ณ ,
๊ทธ๊ฑธ ๋ฐ”๋กœ ๊ฐœ๋ฐœ์— ์“ธ ์ˆ˜ ์žˆ๋‹ค๋ฉด ์–ผ๋งˆ๋‚˜ ํŽธํ• ๊นŒ์š”?

Palette Box๋Š” ์›น์—์„œ ์ƒ‰์ƒ์„ ์ถ”์ถœํ•ด
ํ”„๋ฆฌ์…‹์œผ๋กœ ์ €์žฅํ•˜๊ณ , HEX ์ฝ”๋“œ๋กœ ํ™•์ธํ•˜๊ณ ,
JSON์œผ๋กœ ๋‚ด๋ณด๋‚ผ ์ˆ˜ ์žˆ๋Š” ํฌ๋กฌ ํ™•์žฅ์ž…๋‹ˆ๋‹ค.

๋‚ด๊ฐ€ ๊ณ ๋ฅธ ์ƒ‰ ์กฐํ•ฉ์„ ์ •ํ™•ํ•˜๊ฒŒ ์ €์žฅํ•˜๊ณ ,
๋””์ž์ธ ์‹œ์Šคํ…œ์ด๋‚˜ ์ฝ”๋“œ์— ๊ทธ๋Œ€๋กœ ๋ฐ˜์˜ํ•  ์ˆ˜ ์žˆ์–ด์š”.

์ƒ‰์ƒ ์„ ํƒ๊ณผ ์ „๋‹ฌ์„ ๋” ๋น ๋ฅด๊ณ  ๋ช…ํ™•ํ•˜๊ฒŒ!

๐Ÿ’ฐ ์›” 2๋‹ฌ๋Ÿฌ
๐Ÿ”— chromewebstore.google.com/deta

Inautiloinautilo
2025-06-05


The art secret behind all great design ยท Content is king, but composition is kingmaker ilo.im/164e4x

_____

Inautiloinautilo
2025-06-05


Introducing Dev Mode MCP server ยท Figma enables AI coding with your design context ilo.im/164ecc

_____

Inautiloinautilo
2025-06-05


Icon styles and file formats ยท How icons can simplify and strengthen your message ilo.im/164chh

_____

Inautiloinautilo
2025-06-04


Physicality, the new age of UI ยท Whatโ€™s next for the design of iPhones, iPads, and Macs? ilo.im/164d57

_____

2025-06-04

๐ŸŽจ En desarrollo frontend, el color no es adorno: afecta la UX, legibilidad y marca.

Pero elegir colores correctos no es fรกcil.
Palette Box te permite extraer colores clave desde cualquier web,
guardarlos como presets, compartirlos con cรณdigo o exportarlos en JSON.

ยฟQuieres menos dudas al elegir colores y una UI mรกs sรณlida?
Entonces necesitas Palette Box.

๐Ÿ’ฐ $2/mes
๐Ÿ”— chromewebstore.google.com/deta

2025-06-04

๐ŸŽจ ใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰้–‹็™บใซใŠใ„ใฆใ€่‰ฒใฏ่ฃ…้ฃพใงใฏใชใUXใ‚„ๅฏ่ชญๆ€งใ€ใƒ–ใƒฉใƒณใƒ‰ๅฐ่ฑกใ‚’ๅทฆๅณใ—ใพใ™ใ€‚

ใงใ‚‚ใ€ๆฏŽๅ›žๆœ€้ฉใช่‰ฒใ‚’้ธใถใฎใฏ้›ฃใ—ใ„ใ‚‚ใฎใ€‚
Palette BoxใฏWebไธŠใฎ่‰ฒใ‚’ใƒ‰ใƒฉใƒƒใ‚ฐใงๆŠฝๅ‡บใ—ใ€
ใƒ—ใƒชใ‚ปใƒƒใƒˆไฟๅญ˜ใƒปใ‚ณใƒผใƒ‰ๅ…ฑๆœ‰ใƒปJSONใ‚จใ‚ฏใ‚นใƒใƒผใƒˆใŒใงใใ‚‹Chromeๆ‹กๅผตใงใ™ใ€‚

่‰ฒ้ธใณใฎ่ฟทใ„ใ‚’ๆธ›ใ‚‰ใ—ใ€UIใฎๅฎŒๆˆๅบฆใ‚’ไธŠใ’ใพใ—ใ‚‡ใ†ใ€‚

๐Ÿ’ฐ ๆœˆ้ก2ใƒ‰ใƒซ
๐Ÿ”— chromewebstore.google.com/deta

2025-06-04

๐ŸŽจ In frontend development, color isnโ€™t just visualโ€”it impacts readability, UX, and brand identity.

But choosing the right colors is tough.
Palette Box lets you extract key colors by dragging over any webpage,
then save them as presets, share via code, or export as JSON.

If you want to reduce color guesswork and improve your UI,
Palette Box is the tool youโ€™ve been missing.

๐Ÿ’ฐ $2/month
๐Ÿ”— chromewebstore.google.com/deta

2025-06-04

๐ŸŽจ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์—์„œ ์ƒ‰์ƒ์€ ๋‹จ์ˆœํ•œ ์žฅ์‹์ด ์•„๋‹™๋‹ˆ๋‹ค.
๊ฐ€๋…์„ฑ, ์‚ฌ์šฉ์ž ๊ฒฝํ—˜, ๋ธŒ๋žœ๋“œ ์ธ์‹๊นŒ์ง€ ์ขŒ์šฐํ•˜์ฃ .

ํ•˜์ง€๋งŒ ๋งค๋ฒˆ ์ ์ ˆํ•œ ์ƒ‰์„ ๊ณ ๋ฅด๊ธฐ๋ž€ ์‰ฝ์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
Palette Box๋Š” ์›น์—์„œ ์›ํ•˜๋Š” ์˜์—ญ์„ ๋“œ๋ž˜๊ทธํ•ด ์ฃผ์š” ์ƒ‰์ƒ์„ ์ถ”์ถœํ•˜๊ณ ,
ํ”„๋ฆฌ์…‹ ์ €์žฅ, ์ฝ”๋“œ ๊ณต์œ , JSON ๋‚ด๋ณด๋‚ด๊ธฐ๊นŒ์ง€ ์ง€์›ํ•˜๋Š” ํฌ๋กฌ ํ™•์žฅ์ž…๋‹ˆ๋‹ค.

์ƒ‰์ƒ ๊ณ ๋ฏผ์„ ์ค„์ด๊ณ  UI ์™„์„ฑ๋„๋ฅผ ๋†’์ด๊ณ  ์‹ถ๋‹ค๋ฉด,
์ด์ œ Palette Box๊ฐ€ ํ•„์š”ํ•  ๋•Œ์ž…๋‹ˆ๋‹ค.

๐Ÿ’ฐ ์›” 2๋‹ฌ๋Ÿฌ
๐Ÿ”— chromewebstore.google.com/deta

Inautiloinautilo
2025-06-04


More on what makes a good accessibility designer ยท Accessibility pushes us to go beyond our ordinary skills ilo.im/164cmg

_____

2025-06-04

@inautilo Now this looks amazing. Can't wait to try it out and build a proper test suite for my design system.

#WebDev #uidesign #solidjs

Inautiloinautilo
2025-06-04
Inautiloinautilo
2025-06-03


Photoshop arrives on Android ยท The iOS version was released earlier this year ilo.im/164d1r

_____

Inautiloinautilo
2025-06-02
2025-06-01

โ€œWe canโ€™t let the ease of generation become a substitute for our better judgment. We canโ€™t let groupthink dictate taste. We canโ€™t let empathy get stripped from the process just because the output looks like a viable product to the loudest person in the room.โ€

uxdesign.cc/this-is-not-a-pipe

#ux #ai #ui #UIdesign #ProductDesign #design #uxui #UXdesign

Inautiloinautilo
2025-06-01


SVG Horizontal Rules ยท Stylish alternatives to the HTML โ€˜hrโ€™ element ilo.im/164ad4

_____

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst