All activity

Juan Ignacio Rios
left a comment
Hi there! I'm Juan, a front-end developer and product designer with over 9 years of experience. I love to create engaging experiences and tools that merge design and development.
Here's some information about the plugin:
How to use
1. Explore the pre-generated CSS output, tailored to your selected categories.
2. Review the console feedback to ensure everything is in order.
3. When you're...

CSS Variables Generator
Transform Figma variables and styles to CSS

Figma plugin to elevate the design-to-development workflow. It instantly converts Figma variables and styles into CSS custom properties.

CSS Variables Generator
Transform Figma variables and styles to CSS

Juan Ignacio Rios
left a comment
Hi there! I'm Juan, a front-end developer and product designer with over 9 years of experience. I love to create engaging experiences that merge design and development.
Moodboard creator is the result of an AI experiment born out of my exploration with LLM APIs. I wanted to review and understand the dynamics of transforming natural language into structured data that somehow adds value, so I...

Moodboard Creator
AI powered tool to kick off branding projects

AI experiment that generates visual moodboards from simple inputs. Just provide a business (product, service, team, etc.) and 3 to 7 descriptive keywords, and the tool will create a composition with fonts, color palette, context, a picture, and a tagline.

Moodboard Creator
AI powered tool to kick off branding projects

Juan Ignacio Rios
left a comment
Hi there! I'm Juan, a front-end developer and product designer with over 9 years of experience. I love to create engaging experiences that merge design and development.
This project started as a coding experiment involving 2D arrays and CSS grids but eventually evolved into a full-fledged React application.
It was also a great opportunity to refresh the way I write CSS—there's a lot going on...

Mondrian Generator
Create unique artworks in the style of Piet Mondrian

Web application that generates custom Mondrian-inspired art. Users can play with some basic set-up to produce variations, and once the artwork is created it's possible to get a high-res PNG of the result.

Mondrian Generator
Create unique artworks in the style of Piet Mondrian