{"id":11735,"date":"2025-04-07T09:38:00","date_gmt":"2025-04-07T06:38:00","guid":{"rendered":"https:\/\/www.almtoolbox.com\/blog_he\/?p=11735"},"modified":"2025-05-20T06:22:10","modified_gmt":"2025-05-20T03:22:10","slug":"penpot-vs-figma-design-to-code","status":"publish","type":"post","link":"https:\/\/www.almtoolbox.com\/blog_he\/penpot-vs-figma-design-to-code\/","title":{"rendered":"\u05d4\u05d9\u05d3\u05e2\u05ea? Penpot \u05de\u05d0\u05e4\u05e9\u05e8 \u05dc\u05e7\u05d1\u05dc \u05e7\u05d5\u05d3 \u05de\u05dc\u05d0 \u05de\u05e2\u05d9\u05e6\u05d5\u05d1\u05d9 \u05de\u05e1\u05db\u05d9\u05dd \u05d5\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69ea22cbd1f28&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69ea22cbd1f28\" class=\"aligncenter size-large is-resized wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"664\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/screen-palette_1-1024x664.webp\" alt=\"CSS HTML Code Inspect in Penpot\" class=\"wp-image-11746\" style=\"width:774px;height:auto\" title=\"\u05d4\u05d8\u05d0\u05d1 &quot;Code Inspect&quot; \u05d1- Penpot (\u05de\u05e6\u05d9\u05d2 \u05e7\u05d5\u05d3HTML \u05d5- CSS)\" srcset=\"https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/screen-palette_1-1024x664.webp 1024w, https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/screen-palette_1-300x194.webp 300w, https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/screen-palette_1-768x498.webp 768w, https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/screen-palette_1-1536x995.webp 1536w, https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/screen-palette_1.webp 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n<p>\u05e9\u05d9\u05ea\u05d5\u05e3 \u05d4\u05e4\u05e2\u05d5\u05dc\u05d4 \u05d5\u05d4\u05e2\u05d1\u05d5\u05d3\u05d4 \u05d4\u05de\u05e1\u05d5\u05e0\u05db\u05e8\u05e0\u05ea \u05d1\u05d9\u05df \u05e6\u05d5\u05d5\u05ea\u05d9 \u05e2\u05d9\u05e6\u05d5\u05d1 \u05dc\u05e6\u05d5\u05d5\u05ea\u05d9 \u05e4\u05d9\u05ea\u05d5\u05d7, \u05db\u05d5\u05dc\u05dc \u05d1\u05ea\u05d5\u05db\u05d5 \u05d0\u05ea\u05d2\u05e8\u05d9\u05dd \u05e8\u05d1\u05d9\u05dd \u05d1\u05d9\u05e6\u05d9\u05e8\u05ea \u05de\u05e1\u05db\u05d9\u05dd \u05d0\u05d5 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea.<br>\u05d9\u05d9\u05e9\u05d5\u05dd \u05de\u05d3\u05d5\u05d9\u05e7 \u05e9\u05dc \u05d3\u05e8\u05d9\u05e9\u05d5\u05ea \u05d4\u05e2\u05d9\u05e6\u05d5\u05d1, \u05d5\u05e9\u05de\u05d9\u05e8\u05d4 \u05e2\u05dc \u05db\u05ea\u05d9\u05d1\u05d4 \u05e1\u05de\u05e0\u05d8\u05d9\u05ea \u05ea\u05d5\u05da \u05db\u05d3\u05d9 collaboration \u05e8\u05e6\u05d9\u05e3 \u05e9\u05dc \u05db\u05d5\u05dc\u05dd \u05d1\u05d9\u05e6\u05d9\u05e8\u05ea \u05d4\u05de\u05d5\u05e6\u05e8 \u05d4\u05d9\u05d0 \u05d0\u05d7\u05ea \u05d4\u05de\u05d8\u05e8\u05d5\u05ea \u05e2\u05dc\u05d9\u05d4\u05df \u05d4\u05db\u05dc\u05d9 <em>Penpot <\/em>\u05d1\u05d0 \u05dc\u05e2\u05e0\u05d5\u05ea.<\/p>\n\n\n\n<p>\u05e4\u05e0\u05e4\u05d5\u05d8 (Penpot) \u05de\u05e6\u05d9\u05e2 \u05d9\u05db\u05d5\u05dc\u05d5\u05ea \u05de\u05d5\u05d1\u05e0\u05d5\u05ea \u05e9\u05dc \u05e2\u05d9\u05e6\u05d5\u05d1-\u05dc\u05e7\u05d5\u05d3 (&quot;Design to Code&quot;), <br>\u05e2\u05d1\u05d5\u05e8 \u05d9\u05e6\u05d9\u05e8\u05ea \u05e7\u05d5\u05d3 \u05d7\u05dc\u05e7\u05d9 \u05d0\u05d5 \u05de\u05dc\u05d0 \u05dc\u05de\u05e1\u05db\u05d9\u05dd \u05d0\u05d5 \u05dc\u05d9\u05d9\u05e9\u05d5\u05de\u05d9\u05dd &#8211; \u05d9\u05e9\u05d9\u05e8\u05d5\u05ea \u05de\u05d4\u05d4\u05e2\u05d9\u05e6\u05d5\u05d1\u05d9\u05dd \u05e9\u05dc\u05db\u05dd,<br>\u05d5\u05de\u05d0\u05e4\u05e9\u05e8 \u05dc\u05e7\u05d1\u05dc \u05e7\u05d5\u05d3 \u05de\u05dc\u05d0 \u05de\u05e2\u05d9\u05e6\u05d5\u05d1\u05d9 \u05de\u05e1\u05db\u05d9\u05dd \u05d5\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u05d1\u05d9\u05df \u05d4\u05d9\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05e9\u05dc Penpot \u05d1\u05d4\u05e7\u05e9\u05e8 \u05dc\u05d6\u05d4:<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u05d9\u05e6\u05d9\u05e8\u05ea \u05d3\u05e4\u05d9 \u05d0\u05d9\u05e0\u05d8\u05e8\u05e0\u05d8 \u05d0\u05d5 \u05de\u05de\u05e9\u05e7\u05d9\u05dd (interfaces) \u05e2&quot;\u05d9 \u05d4\u05e2\u05ea\u05e7\u05d4 \u05d5\u05d4\u05d3\u05d1\u05e7\u05d4 \u05e9\u05dc \u05e7\u05d5\u05d3 HTML \u05dc\u05ea\u05d5\u05da \u05e2\u05d5\u05e8\u05da \u05d4\u05e7\u05d5\u05d3 \u05e9\u05dc\u05db\u05dd.<\/li>\n\n\n\n<li>\u05d9\u05e6\u05d9\u05e8\u05ea \u05e4\u05e8\u05d9\u05e1\u05d5\u05ea CSS Flexbox \u05d5-CSS Grid \u05d1\u05d0\u05d5\u05e4\u05df \u05d9\u05e9\u05d9\u05e8 \u05d0\u05d5 \u05d1\u05d4\u05d5\u05e8\u05d3\u05ea \u05d8\u05de\u05e4\u05dc\u05d8\u05d9\u05dd.<\/li>\n\n\n\n<li>\u05e0\u05d9\u05ea\u05df \u05dc\u05e7\u05d1\u05dc \u05de\u05d0\u05e4\u05d9\u05d9\u05e0\u05d9 CSS \u05de\u05d5\u05db\u05e0\u05d9\u05dd \u05dc\u05e9\u05d9\u05de\u05d5\u05e9 \u05d1\u05e4\u05d5\u05e8\u05de\u05d8 &quot;Click-to-copy&quot; \u05d1\u05e2\u05ea \u05d1\u05d3\u05d9\u05e7\u05ea \u05d0\u05dc\u05de\u05e0\u05d8\u05d9\u05dd.<\/li>\n\n\n\n<li>Tab (\u05dc\u05e9\u05d5\u05e0\u05d9\u05ea) \u05d4- Inspect \u05de\u05e1\u05e4\u05e7\u05ea \u05d2\u05d9\u05e9\u05d4 \u05de\u05d9\u05d9\u05d3\u05d9\u05ea \u05dc\u05e7\u05d5\u05d3 HTML, CSS \u05d5-SVG \u05e9\u05e0\u05d5\u05e6\u05e8 \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9\u05ea \u05d5\u05d1\u05d0\u05d9\u05db\u05d5\u05ea \u05d2\u05d1\u05d5\u05d4\u05d4 (\u05de\u05d4 \u05e9\u05d3\u05d5\u05e8\u05e9 \u05de\u05db\u05dd \u05e2\u05e8\u05d9\u05db\u05d4 \u05de\u05d9\u05e0\u05d9\u05de\u05dc\u05d9\u05ea).<br><\/li>\n<\/ol>\n\n\n\n<p>\u05db\u05dc \u05d0\u05dc\u05d4 \u05de\u05d0\u05e4\u05e9\u05e8\u05d9\u05dd \u05dc\u05de\u05e4\u05ea\u05d7\u05d5\u05ea \u05d5\u05dc\u05de\u05e4\u05ea\u05d7\u05d9\u05dd \u05dc\u05e9\u05dc\u05d1 \u05e2\u05d9\u05e6\u05d5\u05d1 \u05d9\u05e9\u05d9\u05e8\u05d5\u05ea \u05d1\u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05e2\u05d1\u05d5\u05d3\u05d4 \u05e9\u05dc\u05d4\u05dd, \u05de\u05db\u05d9\u05d5\u05d5\u05df \u05e9-Penpot \u05e2\u05d5\u05d1\u05d3 \u05e2\u05dd \u05ea\u05e7\u05e0\u05d9\u05dd \u05e4\u05ea\u05d5\u05d7\u05d9\u05dd (SVG \u05d5- CCS) . \u05d4\u05e1\u05d1\u05e8 \u05e0\u05d5\u05e1\u05e3 <a href=\"https:\/\/penpot.app\/code\" target=\"_blank\" rel=\"noreferrer noopener\">\u05db\u05d0\u05df<\/a>.<\/p>\n\n\n\n<p>\u05e4\u05d9\u05e8\u05d5\u05d8 \u05e0\u05d5\u05e1\u05e3 \u05e2\u05dc \u05d0\u05e4\u05e9\u05e8\u05d5\u05d9\u05d5\u05ea \u05d0\u05dc\u05d5 \u05e0\u05d9\u05ea\u05df \u05dc\u05e7\u05e8\u05d5\u05d0 <a href=\"https:\/\/penpot.app\/blog\/transform-your-designs-into-code-with-penpot\" target=\"_blank\" rel=\"noreferrer noopener\">\u05db\u05d0\u05df<\/a>.<\/p>\n\n\n\n<p>\u05d1\u05e0\u05d5\u05e1\u05e3, \u05db\u05d3\u05d0\u05d9 \u05dc\u05d6\u05db\u05d5\u05e8 \u05d9\u05ea\u05e8\u05d5\u05df \u05de\u05d4\u05d5\u05ea\u05d9 \u05e0\u05d5\u05e1\u05e3 \u05e9\u05dc Penpot : <br>\u05e0\u05d9\u05ea\u05df \u05dc\u05d4\u05e9\u05ea\u05de\u05e9 \u05d1\u05d5 \u05d2\u05dd \u05db- SaaS (\u05d1\u05e2\u05e0\u05df) \u05d5\u05d2\u05dd \u05db- Self-hosted (\u05d1\u05d4\u05ea\u05e7\u05e0\u05d4 \u05e2\u05e6\u05de\u05d9\u05ea) \u05db\u05d5\u05dc\u05dc \u05d1\u05e8\u05e9\u05ea\u05d5\u05ea \u05e9\u05de\u05e0\u05d5\u05ea\u05e7\u05d5\u05ea \u05de\u05d4\u05d0\u05d9\u05e0\u05d8\u05e8\u05e0\u05d8.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Penpot \u05de\u05d5\u05dc \u05db\u05dc\u05d9\u05dd \u05d0\u05d7\u05e8\u05d9\u05dd (\u05db\u05d2\u05d5\u05df Figma) :<\/h3>\n\n\n\n<p>\u05db\u05dc\u05d9\u05dd \u05d0\u05dc\u05d8\u05e8\u05e0\u05d8\u05d9\u05d1\u05d9\u05dd \u05d3\u05d5\u05e8\u05e9\u05d9\u05dd \u05e9\u05d9\u05de\u05d5\u05e9 \u05d1\u05ea\u05d5\u05e1\u05e4\u05d9\u05dd \u05d7\u05d9\u05e6\u05d5\u05e0\u05d9\u05d9\u05dd (\u05d7\u05dc\u05e7\u05dd \u05d1\u05ea\u05e9\u05dc\u05d5\u05dd) <br>\u05d1\u05db\u05d3\u05d9 \u05dc\u05d4\u05e4\u05d9\u05e7 \u05e7\u05d5\u05d3 \u05e9\u05dc\u05dd \u05e9\u05dc \u05de\u05e1\u05db\u05d9\u05dd \u05de\u05dc\u05d0\u05d9\u05dd \u05d5\u05dc\u05d0 \u05e8\u05e7 \u05e9\u05dc \u05e8\u05db\u05d9\u05d1\u05d9\u05dd \u05d1\u05d5\u05d3\u05d3\u05d9\u05dd.<\/p>\n\n\n\n<p>\u05e4\u05d9\u05d2\u05de\u05d4, \u05dc\u05de\u05e9\u05dc, \u05dc\u05de\u05e8\u05d5\u05ea \u05d4\u05d9\u05d5\u05ea\u05d4 \u05db\u05dc\u05d9 \u05e2\u05d9\u05e6\u05d5\u05d1 \u05de\u05ea\u05e7\u05d3\u05dd, \u05d0\u05d9\u05e0\u05d4 \u05db\u05d5\u05dc\u05dc\u05ea \u05d9\u05db\u05d5\u05dc\u05ea \u05de\u05d5\u05d1\u05e0\u05d9\u05ea \u05dc\u05d4\u05e4\u05e7\u05ea \u05e7\u05d5\u05d3 \u05de\u05dc\u05d0 \u05dc\u05de\u05e1\u05db\u05d9\u05dd \u05d0\u05d5 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea. \u05d0\u05de\u05e0\u05dd \u05e7\u05d9\u05d9\u05de\u05d9\u05dd \u05ea\u05d5\u05e1\u05e4\u05d9\u05dd \u05e9\u05de\u05d0\u05e4\u05e9\u05e8\u05d9\u05dd \u05d4\u05e4\u05e7\u05ea \u05e7\u05d5\u05d3, \u05d0\u05da \u05d4\u05dd \u05d3\u05d5\u05e8\u05e9\u05d9\u05dd \u05e2\u05dc\u05d5\u05ea \u05e0\u05d5\u05e1\u05e4\u05ea \u05d5\u05de\u05d0\u05de\u05e5 \u05e0\u05d5\u05e1\u05e3 \u05dc\u05d4\u05ea\u05e7\u05e0\u05d4 \u05d5\u05dc\u05e9\u05d9\u05de\u05d5\u05e9.<br>Penpot \u05d4\u05d5\u05d0 \u05db\u05dc\u05d9 \u05de\u05d1\u05d5\u05e1\u05e1 \u05e7\u05d5\u05d3 \u05e4\u05ea\u05d5\u05d7, \u05d4\u05de\u05e1\u05e4\u05e7 \u05d7\u05d5\u05d5\u05d9\u05ea \u05de\u05e9\u05ea\u05de\u05e9 \u05d7\u05dc\u05e7\u05d4 \u05d9\u05d5\u05ea\u05e8 \u05e2\u05d1\u05d5\u05e8 \u05d4\u05de\u05e4\u05ea\u05d7\u05d9\u05dd, \u05d5\u05de\u05d0\u05e4\u05e9\u05e8 \u05dc\u05d4\u05d5\u05e6\u05d9\u05d0 \u05d0\u05dc \u05e2\u05d5\u05e8\u05da \u05d4\u05e7\u05d5\u05d3 \u05e9\u05dc\u05db\u05dd \u05e7\u05d5\u05d3 HTML \u05d5- CSS \u05e9\u05dc \u05d7\u05dc\u05e7\u05d9 \u05e2\u05d9\u05e6\u05d5\u05d1, \u05d0\u05d6\u05d5\u05e8\u05d9 \u05e2\u05d9\u05e6\u05d5\u05d1 \u05e9\u05dc\u05de\u05d9\u05dd \u05d0\u05d5 \u05d0\u05ea \u05db\u05dc \u05d4\u05e2\u05d9\u05e6\u05d5\u05d1.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u05de\u05e9\u05ea\u05de\u05e9\u05d9\u05dd \u05d1- Tailwind ?<\/h3>\n\n\n\n<p>\u05dc\u05de\u05e9\u05ea\u05de\u05e9\u05d9\u05dd \u05d1- Tailwind framework, \u05e0\u05d9\u05ea\u05df \u05dc\u05d7\u05dc\u05e5 \u05d0\u05ea \u05d4\u05e7\u05d5\u05d3 \u05d2\u05dd \u05db\u05df \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea Penpot &#8211; \u05d5\u05d6\u05d0\u05ea \u05e2&quot;\u05d9 \u05ea\u05d5\u05e1\u05e3 \u05d7\u05d9\u05e0\u05de\u05d9 \u05d1\u05e9\u05dd Tailwind HTML .<\/p>\n\n\n\n<p>\u05ea\u05d5\u05e1\u05e3 \u05d6\u05d4 \u05de\u05d0\u05e4\u05e9\u05e8 \u05dc\u05de\u05e9\u05ea\u05de\u05e9\u05d9\u05dd \u05dc\u05d1\u05d7\u05d5\u05e8 \u05e9\u05db\u05d1\u05d5\u05ea \u05d0\u05d5 \u05e8\u05db\u05d9\u05d1\u05d9\u05dd \u05d1\u05e2\u05d9\u05e6\u05d5\u05d1 \u05e9\u05d1\u05d5\u05e6\u05e2 \u05d1- Penpot \u05d5\u05dc\u05d4\u05de\u05d9\u05e8 \u05d0\u05d5\u05ea\u05dd \u05dc\u05e7\u05d5\u05d3 HTML \u05d5-CSS \u05ea\u05d5\u05d0\u05dd Tailwind. <br>\u05d4\u05e7\u05d5\u05d3 \u05e9\u05e0\u05d5\u05e6\u05e8 \u05db\u05d5\u05dc\u05dc \u05e2\u05d9\u05e6\u05d5\u05d1 \u05e8\u05e1\u05e4\u05d5\u05e0\u05e1\u05d9\u05d1\u05d9 \u05de\u05d5\u05d1\u05e0\u05d4, \u05d0\u05e4\u05e7\u05d8\u05d9\u05dd \u05d7\u05d6\u05d5\u05ea\u05d9\u05d9\u05dd, \u05d5\u05d0\u05e0\u05d9\u05de\u05e6\u05d9\u05d5\u05ea, \u05de\u05d4 \u05e9\u05de\u05e7\u05dc \u05e2\u05dc \u05d9\u05e6\u05d9\u05e8\u05ea \u05de\u05e1\u05db\u05d9\u05dd \u05e9\u05dc\u05de\u05d9\u05dd \u05d1\u05de\u05d4\u05d9\u05e8\u05d5\u05ea \u05d5\u05d1\u05d9\u05e2\u05d9\u05dc\u05d5\u05ea.<br>\u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea \u05d4\u05ea\u05d5\u05e1\u05e3, \u05e0\u05d9\u05ea\u05df \u05dc\u05e2\u05d1\u05d5\u05e8 \u05de\u05e9\u05dc\u05d1 \u05d4\u05e2\u05d9\u05e6\u05d5\u05d1 \u05dc\u05e9\u05dc\u05d1 \u05d4\u05e4\u05d9\u05ea\u05d5\u05d7 \u05dc\u05dc\u05d0 \u05e6\u05d5\u05e8\u05da \u05d1\u05ea\u05d4\u05dc\u05d9\u05db\u05d9\u05dd \u05d9\u05d3\u05e0\u05d9\u05d9\u05dd \u05de\u05d5\u05e8\u05db\u05d1\u05d9\u05dd &#8211; \u05d4\u05ea\u05d5\u05e1\u05e3 \u05de\u05d0\u05e4\u05e9\u05e8 \u05e2\u05d1\u05d5\u05d3\u05d4 \u05d9\u05e9\u05d9\u05e8\u05d4 \u05e2\u05dd \u05e7\u05d5\u05d3 \u05e0\u05e7\u05d9 \u05de\u05d5\u05db\u05df \u05dc\u05e9\u05d9\u05de\u05d5\u05e9.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u05d3\u05d5\u05d2\u05de\u05d0\u05d5\u05ea \u05dc\u05d4\u05de\u05d7\u05e9\u05d4:<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1) \u05e6\u05d9\u05dc\u05d5\u05dd \u05de\u05e1\u05da \u05dc\u05d4\u05de\u05d7\u05e9\u05d4 \u05e9\u05dc \u05d4\u05e7\u05d5\u05d3 (\u05d4\u05e7\u05d5\u05d3 \u05d1\u05e6\u05d3 \u05d9\u05de\u05d9\u05df)<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/image-2025-04-07T144907.467.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/image-2025-04-07T144907.467-1024x538.png\" alt=\"Penpot code inspect screenshot\" class=\"wp-image-11750\" style=\"width:794px;height:auto\" srcset=\"https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/image-2025-04-07T144907.467-1024x538.png 1024w, https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/image-2025-04-07T144907.467-300x158.png 300w, https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/image-2025-04-07T144907.467-768x404.png 768w, https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/image-2025-04-07T144907.467-1536x808.png 1536w, https:\/\/www.almtoolbox.com\/blog_he\/wp-content\/uploads\/2025\/03\/image-2025-04-07T144907.467-2048x1077.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\">(\u05e0\u05d9\u05ea\u05df \u05dc\u05d4\u05d2\u05d3\u05d9\u05dc \u05d0\u05ea \u05d4\u05ea\u05de\u05d5\u05e0\u05d4 \u05e2&quot;\u05d9 \u05dc\u05d7\u05d9\u05e6\u05d4 \u05e2\u05dc\u05d9\u05d4)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2) \u05d5\u05d9\u05d3\u05d0\u05d5: \u05d4\u05d3\u05d2\u05de\u05d4 \u05e9\u05dc \u05d9\u05e6\u05d9\u05e8\u05ea \u05e7\u05d5\u05d3 \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea Penpot (\u05d4\u05d7\u05dc \u05de\u05d3\u05e7\u05d4 05:30) :<\/h3>\n\n\n\n<iframe loading=\"lazy\" width=\"700\" height=\"393.75\" src=\"https:\/\/www.youtube.com\/embed\/iiAIgZ1041E?si=7c3y3M0a9e39Q6qm&amp;start=329\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n\n\n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n<div style=\"height:52px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-background\" style=\"background-color:#caebff\"><em>\u05d7\u05d1\u05e8\u05ea ALM-Toolbox \u05d4\u05d9\u05d0 \u05d4\u05de\u05d9\u05d9\u05e6\u05d2\u05ea \u05d4\u05e8\u05e9\u05de\u05d9\u05ea \u05d4\u05d9\u05d7\u05d9\u05d3\u05d4 \u05e9\u05dc Penpot \u05d1\u05d9\u05e9\u05e8\u05d0\u05dc (\u05d5\u05d1\u05de\u05d3\u05d9\u05e0\u05d5\u05ea \u05e0\u05d5\u05e1\u05e4\u05d5\u05ea), <\/em><br><em>\u05d5\u05de\u05e6\u05d9\u05e2\u05d4 \u05ea\u05de\u05d9\u05db\u05d4 \u05d5\u05e8\u05d9\u05e9\u05d5\u05d9 \u05dc\u05de\u05d5\u05e6\u05e8, \u05d5\u05db\u05df \u05e2\u05d6\u05e8\u05d4 \u05d1\u05d1\u05d7\u05d9\u05e8\u05ea \u05d4\u05e8\u05d9\u05e9\u05d5\u05d9 \u05d4\u05de\u05ea\u05d0\u05d9\u05dd, \u05e9\u05d9\u05e8\u05d5\u05ea\u05d9 \u05e2\u05d9\u05e6\u05d5\u05d1 \u05d2\u05e8\u05e4\u05d9 \u05de\u05e9\u05dc\u05d9\u05de\u05d9\u05dd (Web Design \/ Graphic Design), \u05e2\u05d6\u05e8\u05d4 \u05d1\u05de\u05e2\u05d1\u05e8 \u05de- Figma \u05d5- Adobe XD, <\/em><br><em>\u05d7\u05d9\u05d1\u05d5\u05e8 \u05d4\u05de\u05d5\u05e6\u05e8 \u05dc\u05ea\u05d4\u05dc\u05d9\u05db\u05d9 \u05e4\u05d9\u05ea\u05d5\u05d7 , \u05e2\u05d6\u05e8\u05d4 \u05d1\u05d4\u05ea\u05e7\u05e0\u05ea \u05d4\u05de\u05d5\u05e6\u05e8 \u05d5\u05e2\u05d5\u05d3.<br>\u05dc\u05e4\u05e8\u05d8\u05d9\u05dd \u05e0\u05d5\u05e1\u05e4\u05d9\u05dd \u05e4\u05e0\u05d5 \u05d0\u05dc\u05d9\u05e0\u05d5: <a href=\"mailto:penpot@almtoolbox.com\" target=\"_blank\" rel=\"noreferrer noopener\">penpot@almtoolbox.com<\/a> \u05d0\u05d5 \u05d8\u05dc\u05e4\u05d5\u05e0\u05d9\u05ea: 072-240-5222<\/em><\/h4>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u05e7\u05d9\u05e9\u05d5\u05e8\u05d9\u05dd \u05e8\u05dc\u05d5\u05d5\u05e0\u05d8\u05d9\u05dd:<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/penpot.app\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u05d0\u05ea\u05e8 Penpot<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.almtoolbox.com\/blog_he\/penpot-israel\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u05d0\u05e0\u05d7\u05e0\u05d5 \u05e0\u05e6\u05d9\u05d2\u05d9 Penpot \u05d1\u05d9\u05e9\u05e8\u05d0\u05dc<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u05d4\u05de\u05d0\u05de\u05e8 \u05de\u05e1\u05d1\u05d9\u05e8 \u05db\u05d9\u05e6\u05d3 Penpot \u05de\u05d0\u05e4\u05e9\u05e8 \u05dc\u05e7\u05d1\u05dc \u05e7\u05d5\u05d3 \u05de\u05dc\u05d0 \u05e9\u05dc \u05de\u05e1\u05db\u05d9\u05dd \u05d5\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d5\u05ea \u05de\u05ea\u05d5\u05da \u05e2\u05d9\u05e6\u05d5\u05d1 (design), \u05d5\u05de\u05d4 \u05d9\u05ea\u05e8\u05d5\u05e0\u05d5\u05e0\u05ea\u05d9\u05d5 \u05de\u05d5\u05dc Figma<\/p>\n","protected":false},"author":5,"featured_media":11746,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[907],"tags":[913,945,946,948,910,944,949,947],"class_list":["post-11735","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-penpot","tag-adobe-xd","tag-css","tag-design-to-code","tag-extract-code","tag-figma","tag-html","tag-svg","tag-tailwind"],"_links":{"self":[{"href":"https:\/\/www.almtoolbox.com\/blog_he\/wp-json\/wp\/v2\/posts\/11735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.almtoolbox.com\/blog_he\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.almtoolbox.com\/blog_he\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.almtoolbox.com\/blog_he\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.almtoolbox.com\/blog_he\/wp-json\/wp\/v2\/comments?post=11735"}],"version-history":[{"count":25,"href":"https:\/\/www.almtoolbox.com\/blog_he\/wp-json\/wp\/v2\/posts\/11735\/revisions"}],"predecessor-version":[{"id":12102,"href":"https:\/\/www.almtoolbox.com\/blog_he\/wp-json\/wp\/v2\/posts\/11735\/revisions\/12102"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.almtoolbox.com\/blog_he\/wp-json\/wp\/v2\/media\/11746"}],"wp:attachment":[{"href":"https:\/\/www.almtoolbox.com\/blog_he\/wp-json\/wp\/v2\/media?parent=11735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.almtoolbox.com\/blog_he\/wp-json\/wp\/v2\/categories?post=11735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.almtoolbox.com\/blog_he\/wp-json\/wp\/v2\/tags?post=11735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}