Use the scroll wheel on your mouse to zoom in and out. Right-click and drag to pan around a file.
Christine makes a point that we can move beyond the rigid structure of fixed responsive breakpoints with modern CSS layouts, crafting flexible and dynamic designs that seamlessly adjust to different screen sizes. In this article, she covers responsive column-based design vs. modern CSS layout, CSS Flexbox and Grids, and questions if we still need breakpoints.
Ridd runs a free advanced prototyping crash course on March 29th.
Christine Vallaure doesn’t like to rely on plugins too much, but in this article, she shares “some little helpers that I wouldn’t want to do without.” Some are time-tested tools, but others were completely new to me.
An update to file search — now you can filter results by owner, type, or organization/team/project.
An update to search! Now you can filter file results by:
— Figma (@figma) March 12, 2024
→ owner
→ file type
→ organization, team or folder pic.twitter.com/rxo0ltTZTE
There were hints about split tabs for a while, and now they’re available in the beta version of the desktop app. Luis highlights some of the use cases in this thread, including keeping a prototype on the side, managing variables, iterating on designs at different zoom levels, updating local components, and many more.
Split tabs, now in the Figma Desktop Beta app ❖
— luis. (@disco_lu) March 12, 2024
Download it and let us know your thoughts!https://t.co/UGF11cLLjw pic.twitter.com/RNbg1ieCvz
This plugin re-imagines local variables export, offering a beautifully formatted JSON output. Supports selecting a color format (hex, RGB, HSL, or CSS-friendly formats), including an alpha channel, flexible collection selection, intelligent grouping, customizable naming convention, and more. See a quick demo on Twitter.
Turns any image into a cool line pattern — an alternative to the Emboss lines plugin.
An important update to the plugin I featured just a couple of weeks ago — now you can curve your text along any path you draw!
Last week, we discussed exports; now it’s time to examine imports! This short tutorial shows how to import files into the file browser or add assets directly to a design file.
Lauren Andres shows how Dev Mode, although built for developers, can also be a game-changer for designers and help drive organizational alignment, consistent product quality, and team efficiency.
Mark recorded an unscripted tutorial on creating a beautiful animated Aurora effect with the Noise & Texture plugin.
Unscripted tut for the Aurora for you. I will make a better one for YT later on but its a mini tut for those who are asking. pic.twitter.com/GXtNOkoCg2
— Mark @ designloom (@designloomco) January 11, 2024
Multi-edit is a powerful feature with many nuances when it comes to editing a series of related mockups or updating component variants, so Miggi prepared an entire playlist of videos covering every aspect in full depth. I highly recommend setting aside 30 minutes to watch them all in order.
An interview with Figma’s CTO Kris Rasmussen about Dev Mode and targeting developers. His take on low-code and no-code tools, like the two featured above: “…we’re actually really supportive of Locofy and also Anima — another example of one of these plugins on the Figma ecosystem. So we’re definitely thinking about their needs as well, as we continue to evolve.“ He added that Figma itself is looking at similar problems, but “at different ends of the spectrum”: “So we’re very much focused on helping to make the actual design process, the act of essentially visualizing what’s in people’s heads and aligning around it, more accessible and easier for the organization to participate in.”
“Swizzle is a multimodal, low-code tool for making web apps. Use natural language, visual aids, or just code to build faster than ever before. Deploy to GCP in one click.” Won 2nd Product of the Day at Product Hunt.
36 free hand-crafted textures that can be tiled and recolored. Made by Mark Bennett, who crafts beautiful skeuomorphic interfaces and sells elaborate Figma projects at his community page.
“Locofy Lightning converts Figma designs to frontend code in 1‑click, powered by LocoAI’s Large Design Models (LDMs). Get responsive, interactive designs & reusable code components with better class names.” Won 1st Product of the Day at Product Hunt!
The beauty of Auto Layout in action by Dmitriy Bunin.
Responsive dashboard template made with Figma.#uidesign pic.twitter.com/FnIc3c8QJR
— Dmitriy Bunin (@buninux) March 23, 2023
“Effective product development hinges on a well-defined process and seamless team communication. However, implementing these concepts can be more challenging in practice.” AMA discussion hosted by the team of advocates — Lauren Andres, Akbar Mizra, Mallory Dean, and Anthony DiSpezio.
Exporting assets might seem easy, but there are a lot of nuances to get it right. “You can export content to share designs with others, move content between tools, or save copies of your work outside of Figma. In this video, we’ll walk through how to export content and go over ways to troubleshoot common export issues.”