Johannes - UX Kit for Gutenberg WordPress

线框图 · 138 likes

Johannes : the 1rst Figma Wireframe Kit for WordPress Gutenberg The best way to design your website to fit for the WordPress Gutenberg native page editor. Our kit includes various pre-made components in a 8px grid design system to ensure consistency throughout your wireframes. Based on WordPress version V6.7 (November 12, 2024) Web and Mobile versions All components in autolayout with properties and variables Fully functional Figma library This kit includes: 30+ Gutenberg native blocks 20+ Custom blocks 20+ Pattern variations 6 Navigations 19 Hero 3 common plug-in (Gravity Forms, FacetWP & WooCommerce) Examples of filled wireframe Last updates: Comming soon : font style variable modes for desktop and mobile 2024/12/20 - Adding WooCommerce basic blocks, more icons from Gutenberg & the tabulation custom block 2024/04/30 - Addition of image block lightbox, links to WordPress documentation, plug-ins Gravity Forms (form) and Facet WP (list page filters) 2023/12/19 - Add new native blocks (details, footnotes, table of content) + Add lightbox overlay component + Add links to Gutenberg documentation into each native block 2023/07/11 - Add size and gap variables 2023/06/19 - Add ratio lock to the native image block Let us know what you think: If you have an idea, a specific request for an update or a tip, tell us about it on https://johannes-wp.com/ Powered by Be API, find us at: Website | LinkedIn | Twitter

Open in Figma

Related resources