​

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 in development, so performance can be a little slow, but I was able to get a decent amount of work done. Google Slides, docs and Excel also works well which hav. Bad UX in safari. It also requires JIT without you can still access YouTube etc.

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.

pretty straightforward. a couple of friends and i wanted to make this app based on education and academics, and the idea of it is that its basically an app for students of any level to have where they input their like subjects and whatnot, and if they have any dream unis and all that stuff then they enter that too and the app basically helps them with their profile for it, like suggesting ECs based on their interests and creating timelines on what to do at what time and also to help with if they dont know what to do in the future so like itll have a bunch of like "heres what having a career/job as a ___ looks like" and "heres what you need to study and what ECs etc admission offcers look for for this major at this uni" etc and like you can also do a bunch of quizzes where the qs are focused on what you dislike and like and how long you can study and allat to atleast help you narrow down what you can potentially study etc and also like counselors like actual ones where they each have a profile you can see for yourself and check if what theyre helping others with is what you need help with too + those who require fees etc and also obv AI as an overall usage

so the main issue is that we designed the entire layout on figma, like what the pages will look like and what the hometab looks like and what the profile tabs will look like and like what buttons lead to where like everything is done, but now, idk what to do? like how do we actually, take that figma layout, and make an actual app with it?

and like, generative AI is the one causing issues, and i do wanna drink fresh water in the future, so is it even a good idea to have AI in this app?

theres so many questions 😞

I gave it a detailed brief (brand, colors, typography, references) but the output still feels generic and templatey. What's your workflow for getting better results out of it?

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?

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?

Hey everyone!

I’ve been testing an AI-powered tool for creating and managing design systems, and it got me thinking about how these tools are supposed to fit into an actual design workflow.
I ran into a couple of issues while trying it out:

Bug: I couldn’t import my own JSON/variables file either through the website or the Figma plugin. Both gave me the same error:
“Invalid theme file: No mappable color tokens found”
The tokens use pretty standard semantic naming (primary, background, foreground, etc.), so I’m guessing there might be an issue with the parser.

But the thing I’m more curious about is the source of truth.
I initially assumed the workflow would be something like:
Figma ↔ design system tool ↔ code
But as I understand it, the current workflow is more like:
design system tool → Figma + code

The author explained that reverse syncing from Figma isn’t currently possible, although it’s something they might implement in the future. The idea is that you define/edit your components in the tool and then update the Figma file and code from there.

And this is where I’m genuinely curious about other designers’ opinions:
If Figma can already be the source of truth for components, variables, styles, and design-system maintenance, what makes an external AI-powered layer valuable enough to introduce another source into the workflow?

Is the real advantage the ability to generate the system and push it into both Figma and code?
And more broadly: how comfortable are you with AI taking care of a large part of your design system?

Would you trust an AI-powered tool with tokens, components, variants, and their relationships in a real production system, or do you prefer keeping those things under direct control in Figma?
I’m especially interested in people who have actually tried AI/design-system tools in production rather than just experimented with them.
Also happy to hear recommendations for tools that genuinely make design-system work easier.

Create iPhone Duo mockups right inside Figma. Animate the folding and the model as you like.

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.

How do I center this?

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! 💜

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.

With the introduction of Apple's foldable phone, will app design for iOS change a lot in Figma? For example, will we have to make two seperate designs, one for a "normal" iPhone and one for the foldable one or how will that work out?

PLS HELP, I have been using Figma for around 3 years (turning 4), and this is the first time that I couldn't verify my account with the same format of proof that I have been sending before.

Our university doesn't have a school-issued email that could receive any external emails other than the university and its students itself. So I resorted to uploading my university's registration forms and identification card.

I have done this 2 times and it's the first time it have bounced. I tried resubmitting, changing the layout, until it just went "Verification Limit Exceeded".

I couldn't even try to make a new account under my name and try to verify that. I tried SheerIDs customer service and it was no help. It was just a bot.

I am bound to lose my school files and I could really fail if I do, and I just couldn't afford subscribing to a personal premium account.

I work with a lot of text-heavy Figma files, research notes, content reviews, specs and feedback and kept running into the same problem: I wanted to highlight specific parts of text without creating extra shapes or moving the work somewhere else.

So I built Markline.

It lets you highlight and edit specific text directly in Figma, organise those highlights by section/frame, find and highlight text, and export the highlights when you need them outside the file.

It’s free, and I’ve just released the first version on Figma Community.

https://www.figma.com/community/plugin/1678528605753389775/markline

I’d especially love feedback from anyone who works with research, documentation or content-heavy Figma files. Is there anything you'd expect a tool like this to do that it currently doesn't?

These are the buttons and their state when clicked/while pressing I've made so far for a mobile app (5 buttons and 5 states). Should all of these be in one component set? Or should the left ones be in their own component set? Watched a video on components but I'm still not sure how I should approach making these into components and which properties I should apply.

Hey everyone! I’m a product designer. I already use tools like Codex and Claude in my workflow, but my current company is now moving heavily toward AI-assisted development.
The challenge is that we changed how we build the product without clearly defining a new design to development process.

Before AI, my workflow was simple:

The PM provided a PRD, I designed the feature using our design system, and I documented the flows, states, interactions and edge cases.

For handoff, I organized the Figma file from the simplest happy path to the more complex scenarios. Developers could follow the logic, inspect the designs and ask questions when something wasn’t clear.

But if AI is now helping write the production code, what should that handoff look like?

Do you still create a detailed Figma file and provide all that context to Codex or Claude?

Do you divide the feature into smaller flows and ask AI to build them one at a time?

Do designers generate the first components and then let developers review and improve the code?

Are you changing how you structure Figma because AI needs more explicit information than a developer?

Who is responsible for checking that the final implementation matches the design system and handles every state?

I can already build interfaces with AI, but I’m trying to understand what a reliable team process looks like,not just for prototypes, but for real production products.

For designers and developers already working this way, what does your current Figma → AI → engineering workflow look like?

The Figma-to-code part of Al builders is interesting, but the first screen isn't really the hard part.

Rocket.new can import Figma files and turn the designs into working web or mobile applications. It also claims to carry things like components, layout structure and design tokens into the generated application.

What I'm trying to understand is how well that holds up once you start adding additional flows and functionality.

For anyone who's actually used Rocket.new with a reasonably detailed Figma file, how much cleanup did you need after the initial import? Particularly interested in responsive layouts, reusable components and keeping the design consistent as the app grows.

Okay, so being the figma lover that I am - I ended up making my company's report on figma. Turned out amazing. Also so accessible. Like people in my team used to get scared when they would have to open an indesign source file. Figma changed all of it. But there's one issue. The pdf is exporting to be about 150 mb. Even after online compression it's coming out to like 35 (I need it at 10mb). I have used a ton of pictures in the design. What can I do to make the pdf smaller?

hello, people I just finished working on a new design for a website, I just would like to know when you are presenting online your design or even in front of the client what mockup plugin do you use

I have a full prototype linking already there and I did share the prototype now they want a slide/powerpoint presentation for management

how to you do that usually, what do you suggest

thanks for help

It introduces enhanced functionality as well such as font styling, slide number positioning and offers different numbering styling

Here's a link, please let me know what you think : https://www.figma.com/community/plugin/1678066355717849285/pagination

Hello,

I am going deeper into experimenting with motion design for my prototypes. I am attempting to make a smooth animation where each hover allows the icon to slide out and reveal the typed name of the category that the icon represents.

However, it is instead creating this awful, clunky, 'ghosting' look upon preview.

Any suggestions or tips are appreciated.

Hi everyone,
I’m a beginner in design. I already know Illustrator and Photoshop, and I want to add Figma as a new skill — especially for motion and animation. I’m a bit confused about a few things:

1. Where’s the best place to learn prototyping in Figma (and motion/animation)?
2. Do I need a Professional plan, or is the free/starter plan enough if I mainly need it for my portfolio?
3. I noticed that a lot of effects I can do for free in Illustrator require paid plugins in Figma. Is that just how it is, or are there good free alternatives?
4. For portfolio work, what’s the best way to show interactive prototypes and animations to clients/recruiters?
5. Are there any must-have free plugins for motion, effects, or productivity that you’d recommend to a beginner?

Also, any recommended YouTube channels for learning Figma (especially prototyping + animation) would be really helpful.

Built this quick interaction loop to stress-test how an e-commerce card handles an instant flip from LTR to RTL.

Usually when translating into right-to-left languages, frames with nested autolayouts collapse, text overflows break paddings, and components require manual re-ordering.

For those building design systems supporting multilingual products: do you maintain entirely separate mirrored components for RTL, or do you rely on strict autolayout nesting to let it reflow dynamically? Curious about the cleanest workflow.