Figma

103 bookmarks
Newest
Include—Accessibility Annotations | Figma Community
Include—Accessibility Annotations | Figma Community
Figma Community plugin - Include is a tool built to make annotating for accessibility (a11y) easier—easier for designers to spec and easier for developers to understand what is required. The intent is to have accessibility considerations included during the design phase of any project, and to help with the designer-devel...
·figma.com·
Include—Accessibility Annotations | Figma Community
Was gibt's Neues bei Figma?
Was gibt's Neues bei Figma?
Erfahre mehr über unsere neuesten Funktionen und Updates.
·figma.com·
Was gibt's Neues bei Figma?
Meet Penpot, An Open-Source Design Platform Made For Designers And Developers Alike — Smashing Magazine
Meet Penpot, An Open-Source Design Platform Made For Designers And Developers Alike — Smashing Magazine
In the ever-evolving design tools landscape, it can be difficult to keep up with the latest and greatest. In this article, we’ll take a closer look at Penpot, the first design and prototyping tool that’s fully open-source and based on open web standards, making it an ideal choice for both designers and developers.
·smashingmagazine.com·
Meet Penpot, An Open-Source Design Platform Made For Designers And Developers Alike — Smashing Magazine
html.to.design | Figma Community
html.to.design | Figma Community
Figma Community plugin - Convert any website into fully editable Figma designs. Leverage an existing website and import its html to Figma to start your own designs, without building each element from scratch. Powered by story.to.design technology 🚀 How it works: Install this plugin, html.to.designOn a blank Figma file,...
·figma.com·
html.to.design | Figma Community
Taking cues from code
Taking cues from code
Keynote speaker and product manager Jacob Miller shares his thoughts on the state of design systems.
·designsystems.com·
Taking cues from code
Schema by Figma
Schema by Figma
Talks and conversations
·designsystems.com·
Schema by Figma
Advanced Figma Tips & Tricks | 2022 – by moonlearning.io
Advanced Figma Tips & Tricks | 2022 – by moonlearning.io
As usual, Figma did not fail to impress and come out with some fantastic new features and hidden gems hiding in plain sight. So here are my top Tips & Tricks...
·youtube.com·
Advanced Figma Tips & Tricks | 2022 – by moonlearning.io
Bricks (β) — Free Ui-kit for wireframing | Figma Community
Bricks (β) — Free Ui-kit for wireframing | Figma Community
Figma Community file - Bricks is a free components library You can use it to create wireframes or as base for your own Ui-kit. Basic components ButtonsPlaceholdersForm Elements (Inputs, Text area, Select, Multiselect, Checkbox, Radiobutton)Adaptive Typography Blocks (H1 - H5, Paragraph, Facts)ChipsTabsBasic popups and...
·figma.com·
Bricks (β) — Free Ui-kit for wireframing | Figma Community
Component Inspector | Figma Community
Component Inspector | Figma Community
Figma Community plugin - Code on GitHub. Try it out in this demo file. This plugin provides a look at Figma component properties similar to how they are described in code. This plugin does not generate style code. It generates code that describes component properties. Currently supporting instance and compone...
·figma.com·
Component Inspector | Figma Community
Typescale
Typescale
A free Figma and XD plugin to quickly generate harmonious typographic scales.
·typescale.io·
Typescale
Useful Figma Plugins And Tools — Smashing Magazine
Useful Figma Plugins And Tools — Smashing Magazine
Useful Figma plugins that will help you fix all the little slowdowns and boost your productivity. From color management and image assets to SVG shapes and animation. That’s our new guide to Figma.
·smashingmagazine.com·
Useful Figma Plugins And Tools — Smashing Magazine
Paper Wireframe Kit | Figma Community
Paper Wireframe Kit | Figma Community
Figma Community file - Figma Community Awards 2022 Paper Kit was a finalist in the Figma Community Awards! Thanks to all who showed their support and voted! What's New✨ May 3, 2022 Improved component namingMore organized Component pageBrand new palette of accent colors for you to choose from, based on Crayola colors (...
·figma.com·
Paper Wireframe Kit | Figma Community
Everything Developers Must Know About Figma — Smashing Magazine
Everything Developers Must Know About Figma — Smashing Magazine
Christine highlights some of Figma’s features and possibilities to help you build a design that aligns with code as much as needed and improve your team work.
·smashingmagazine.com·
Everything Developers Must Know About Figma — Smashing Magazine
Building Interactive Figma Widgets | CSS-Tricks
Building Interactive Figma Widgets | CSS-Tricks
Figma has always encouraged collaboration between developers and designers. It strives on an endless treasury of community-made plugins.
·css-tricks.com·
Building Interactive Figma Widgets | CSS-Tricks
Contrast | Figma Community
Contrast | Figma Community
Figma Community plugin - Contrast makes it easy to check the contrast ratios of colors as you work. Select a layer and Contrast will immediately look for the color directly behind your selection and serve up the contrast ratio along with passing and failing levels from the Web Content Accessibility Guidelines (WCAG). If ...
·figma.com·
Contrast | Figma Community
Visual Difference
Visual Difference
Figma Community plugin - Compare snapshots of Figma objects to visually compare later as those objects change. This Figma plug enables you to add and manage snapshots per Figma page using the Visual Difference dialog. Per comparison, you can: Compare baseline and latest versions side by sideQuickly switch between the c...
·figma.com·
Visual Difference
A11y Annotation Kit
A11y Annotation Kit
Figma Community file - Design and build experiences everyone can use. We use this library at Indeed to help designers document accessibility considerations to share with developers when handing off designs. It's quick and easy to add callouts for elements, indicate focus order, or specify keyboard interactions. We hop...
·figma.com·
A11y Annotation Kit
Gradient angles in CSS, Figma & Sketch
Gradient angles in CSS, Figma & Sketch
Do you know the feeling when a subject never lets you go? In the last years, I have worked with different graphics programs and have written many lines of CSS. Even though it is now easy to copy CSS code for gradients directly from e.g. Figma, I always had the feeling that gradients in graphics programs behave somewhat differently than gradients created with CSS. Especially the angle of a gradient sometimes seemed more like a random product to me. In the end, copying the CSS code often leads to
·9elements.com·
Gradient angles in CSS, Figma & Sketch
Config 2022
Config 2022
Config is a global design conference by Figma where users come together to learn from each other. Config 2022 took place virtually, live from San Francisco f...
·youtube.com·
Config 2022
11 steps to keep Figma clean
11 steps to keep Figma clean
We all probably already know how it is to receive a project from someone else. Not everyone works the same way, it’s what makes our field…
·buff.ly·
11 steps to keep Figma clean