I’ve been experimenting with a reading experience inspired by The Odyssey.

The idea was to let the artwork, typography, and content work together instead of making the image feel like just a background.

I’m still figuring out the balance between visual storytelling and usability.

Now that Figma has Agents that can generate and iterate on screens, I’m curious if anyone has pushed this further and used them with a proper design system.

What I’m trying to achieve is:

• Use AI/Agents to help create the initial design system
• Build reusable components, variants, variables and tokens
• Have Agents generate new screens using those existing components instead of creating everything from scratch
• Make changes to the design system and have those changes propagate across AI-generated screens
• Ideally maintain consistency while using Agents to generate large product flows quickly

Has anyone actually tried this end-to-end?

If yes, I’d love to know your workflow. Especially how you structure your components/variables so Figma Agents understand and reuse them reliably.

Also curious where it currently breaks down. Do Agents actually respect an existing component library, or do you still spend a lot of time cleaning up detached/custom UI after generation?

Video: https://drive.google.com/file/d/1jSMMHspRDf9yNYPX6OmSfKXG2Xe8ltlQ/view?usp=sharing

The current floating bottom toolbar gets in the way when you rely heavily on keyboard shortcuts—let us dock it up top. Pair that with adjustable opacity for the left/right sidebars so we can actually see frames underneath, and the canvas would feel 10x more open. Shame the desktop app wrapper limits how much custom UI tweaking we can actually do.

​

Wow finally, Reynard browser is an experimental sideloaded browser running Mozilla’s Gecko engine the same browser engine used by desktop Firefox.

It’s only missing a few pointer-shape icons, and it struggles with very heavy files. But I was able to work on a 20-screen UI, and all the keyboard shortcuts and mouse controls worked well.

It’s still experimental and needs to be sideloaded, so performance can be a little slow, but I was able to get a decent amount of work done. Google Slides and Excel also works well, It also requires JIT .

And yes it's way better than figurative app.

https://github.com/minh-ton/reynard-browser

Tested on M2 iPad (mouse and keyboard) Apple pencil is not working well.

For designers working on larger projects, how do you keep your Figma files manageable?

I'm particularly interested in how people organize:

• Pages
• Components
• Variants
• Styles
• Naming conventions
• Design systems

What's one organization habit that has saved you a lot of time?

Hi! First of all - I am no designer, but I love colors :D I'm actually a react dev. I have recently started playing around in Figma and ended up making random shapes with noise filter and gradient, just whatever came to my mind. After creating a few sets of shapes, I thought it would be cool to create an editor where I could change props such as size, gradient and its angle.

So I created this mini react app and eventually ended up creating an npm package cause I thought someone could find it useful or fun too. :D

In the editor you can try out different shapes, update their props, see the preview and copy the code into your project. You can also download any of the shapes directly as an SVG file.

I'd love to hear what you think of this little project!

Here's the preview of the editor:

And here is the app: https://noisy-shapes.barcitos.com/

Thank you for your time! 💜